* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
	cursor: url("../img/cursor.gif"), auto;
}
html, body {
	width: 100%;
	height: 100%;
	
	overflow: hidden;
}
body {
	color: #fff;
	
	font-family: "Courier New", monospace, serif;
	
	background: no-repeat center/100% url("../img/bg.gif") black;
	image-rendering: pixelated;
}
img {
	image-rendering: pixelated;
}
.headColor, #eyes, #mouseTracersOverlay {
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
#landingPageIcons {
	z-index: 9999999999;
	
	position: absolute;
	top: 0;
	left: 0;
	
	display: block;
	
	text-align: center;
	font-size: calc(2vw * 2vh / 2);
	text-shadow: 2px 2px #000;
}
#landingPageIcons a {
	display: grid;
	
	grid-template-rows: auto auto;
	
	gap: 1vh;
	
	color: #fff;
	text-decoration: none;
}
#landingPageIcons a:visited {
	color: #fff;
}

#mouseTracersOverlay {
	z-index: 999;
	
	position: absolute;
	top: 0;
	left: 0;
	
	display: block;
    image-rendering: pixelated;
	
	width:  100%;
	height: 100%;
}
#headContainer > img {
	position: absolute;
	
	width:  70%;
	height: 70%;
	object-fit: contain;
	
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#controlIcons {
	z-index: 999999;
	
	position: absolute;
	bottom: .5em;
	right: .5em;
	
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: 1fr;
	grid-gap: .25em;
}
#controlIcons button {
	border: 0;
	
	width: 64px;
	height: 64px;
	image-rendering: pixelated;
}
#controlIcons button img {
	width: 100%;
	height: 100%;
}