body{
	background-color: #222222;
	text-align: center;
}
label[for=p1name], [for=p2name], [for=theme], [for=gamewidth], [for=gameheight]{
	color: white;
	font-size: 32px;
	margin: 5px;
	display: block;
	margin-top: 25px;
}
label[for=p1name]{
	margin-top: 10%;

}
input, select{
	background-color: #A9A9A9;
	width: 150px;
}
select{
text-align: center;
}

button{
	display: block;
	width: 120px;
	height: 50px;
	font-size: 22px;
	color: white;
	border-radius: 25px;
	background-color: #4361EE;
	margin-top: 50px;
	margin-left: 50%;
	transform: translateX(-50%);
}

.rederror {
    border: 3px solid red !important;
}
.overlay{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
  z-index: 88;
}


.close-button{
	top: 0;
	right: 0;
	display: block;
	color: black;
	z-index: 90;
	height: 100px;
	width: 100px;
	font-size: 90px;
	position: absolute;
	cursor: pointer;
}