body {
	overflow: hidden;
	background-color: rgb(87, 55, 55);
}

.class1 {
	display: block;
	position: absolute;
	width: 15.77%;
	height: 8.65%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	border: solid rgb(0, 0, 0) 1px;
	border-radius: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.12vw;
	padding: 0.5%;
	padding-left: 1%;
	margin: 0px;
	text-align: center;
}

#input1 {
	top: 15.74%;
	left: 9.83%;
}

#input2 {
	top: 45.14%;
	left: 9.36%;
}

#input3 {
	top: 15.74%;
	left: 30.62%;
}

#input4 {
	top: 45.74%;
	left: 30.62%;
}

#input5 {
	top: 45.14%;
	left: 29.68%;
}



#input10 {
	top: 29.57%;
	left: 54.72%;
}

#input11 {
	top: 29.57%;
	left: 75.51%;
}

/*#input12 {
	top: 60%;
	left: 30%;
}*/
#div6 {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 60.75%;
	left: 10.08%;
	width: 15%;
	height: 10%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	border: solid rgb(0, 0, 0) 1px;
	border-radius: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.70vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#div7 {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 75%;
	left: 10.08%;
	width: 15%;
	height: 10%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(229, 203, 203);
	border: solid rgb(0, 0, 0) 1px;
	border-radius: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.70vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#div13 {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 60.75%;
	left: 55%;
	width: 30%;
	height: 20%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	border: solid rgb(0, 0, 0) 1px;
	border-radius: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.70vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#div14 {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 5.75%;
	left: 10%;
	width: 14.80%;
	height: 6%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(151, 217, 243);
	border: solid rgb(252, 249, 249) 1px;
	border-radius: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.70vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}
#div15 {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 35%;
	left: 9.5%;
	width: 14.80%;
	height: 6.5%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(151, 217, 243);
	border: solid rgb(255, 255, 255) 1px;
	border-radius: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.70vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}





/* Dropdown Button */
dropbtn {
background-color: #ffffff;
color: rgb(10, 245, 194);
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}

/* Dropdown button on hover & focus */
dropbtn:hover, .dropbtn:focus {
background-color: #ba0bf0;
}

/* The container <div> - needed to position the dropdown content */
dropdown {
position: absolute;
top: 20px;
left: 100px;
min-width: 100px;
display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 400px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

/* Links inside the dropdown */
dropdown-content a {
color: rgb(15, 218, 157);
padding: 12px 16px;
text-decoration: none;
display: block;
}

/* Change color of dropdown links on hover */
dropdown-content a:hover {
background-color: #e46666;
}

/* Show the dropdown menu */
show {
display: block;
}