.game-title-3d {
	/* border: white 2px solid; */
	width: 400px;
	height: 200px;
	background: url("/assets/gifs/intro__.gif");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-clip: content-box;
}

#mute {
	font-size: 32px;
	color: greenyellow;
	z-index: 9999;
	text-shadow: -4px 4px black;
}

.score {
	width: 300px;
	position: fixed;
	top: 0;
	right: 0;
	font-size: 60px;
	z-index: 100;
	font-weight: 900;
	padding: 1rem;
	margin: 1rem;
	/* border: 5px solid red; */
	font-family: "VT323", monospace;
	color: aliceblue;
	text-shadow: -5px 5px black;
	border-radius: 4px;
	display: flex;
	justify-content: start;
	/* flex-direction: column; */
}

.progress {
	width: 300px;
	position: fixed;
	top: 6%;
	right: 0%;
	font-size: 40px;
	z-index: 100;
	font-weight: 900;
	padding: 1rem;
	margin: 1rem;
	/* border: 5px solid red; */
	font-family: "VT323", monospace;
	color: aliceblue;
	text-shadow: -5px 5px black;
	border-radius: 4px;
	display: flex;
	flex-direction: column;
}

#pause-button-holder {
	position: fixed;
	top: 0;
	left: 0;

	z-index: 100;
	font-weight: 900;
	padding: 10px;
	/* border: 5px solid red; */
	font-family: "VT323", monospace;
	color: aliceblue;
	text-shadow: -5px 5px black;
	border-radius: 4px;
}

#pause-button {
	font-size: 72px;
	cursor: crosshair;
}

.health {
	position: fixed;
	top: 50px;
	right: 0;
	font-size: 40px;
	z-index: 100;
	font-weight: 900;
	padding: 10px;
	/* border: 5px solid red; */
	font-family: "VT323", monospace;
	color: aliceblue;
	text-shadow: -5px 5px black;
	border-radius: 4px;
}
/* ß */

#webgl {
	z-index: 90;
}

.full-screen {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}