body {
	overflow: hidden;
	background-color: rgb(205, 171, 171);
}

.class2 {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	left: 35.21%;
	width: 34.36%;
	height: 8.54%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0);
	border: solid rgb(0, 0, 0) 0px;
	font-size: 2.83vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#feld {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 19.93%;
	left: 12.48%;
	width: 75.04%;
	height: 63.93%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(200, 192, 192);
	border: solid rgb(0, 0, 0) 3px;
	border-radius: 6px;
	box-shadow: 13px 13px 13px rgba(0, 0, 0, 0.3);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#header1 {
	top: 0.88%;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
}

#header2 {
	top: 7.91%;
	font-family: Georgia, sans-serif;
}

#div4 {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 7.13%;
	left: 30.43%;
	width: 40.73%;
	height: 6.55%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.41);
	border: solid rgb(0, 0, 0) 1.5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.84vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#name {
	display: block;
	position: absolute;
	top: 22.41%;
	left: 33.81%;
	width: 33.49%;
	height: 9.86%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	border: solid rgb(0, 0, 0) 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	padding: 0.5%;
	padding-left: 1%;
	margin: 0px;
}

#button {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 42.99%;
	left: 39.20%;
	width: 23.98%;
	height: 6.55%;
	z-index: 9;
	color: rgb(248, 247, 247);
	overflow: hidden;
	background-color: rgb(44, 61, 218);
	border: solid rgb(0, 0, 0) 3px;
	border-radius: 98px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.1vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#ergebnis {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 59.42%;
	left: 33.62%;
	width: 34.35%;
	height: 20.00%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0);
	border: solid rgb(0, 0, 0) 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}