body {
	color: white;
	background-color: black;
	font-family: Consolas, monaco, monospace;
}

a {
	color: rgb(135, 239, 161)
}

img {
	image-rendering: pixelated;
}

#nightmaze {
	--glow: rgba(198, 255, 212, 1.0);
	position: absolute;
	top: 20%;
	left: 25%;
	width: 50%;
	height: 50%;
	text-align: center;
	vertical-align: middle;
}

#nightmaze>a {
	-webkit-filter: drop-shadow(0px 0px 48px var(--glow));
	transition: all 1s ease-out;
}

#nightmaze>a:hover {
	-webkit-filter: drop-shadow(0px 0px 0px var(--glow));
	transition: all 0.04s ease-in-out
}

#nightmaze>a>img:hover {
	width: 85%;
	transition: all 0.04s ease-in-out
}

#links {
	--glow: rgba(198, 255, 212, 0.8);
	position: absolute;
	bottom: 0;
	width: 80%;
	max-width: 80%;
	left: 10%;
	text-align: center;
	margin-bottom: 20px;
	font-size: 32px;
}

#links>a {
	color: white;
	transition: all 0.05s ease-in
}

#links>a:hover {
	font-size: 36px;
	-webkit-filter: drop-shadow(0px 0px 5px var(--glow));
	transition: all 0.1s ease-out
}

#mailing {
	text-align: center;
	font-weight: bolder;
}

@media (max-width: 540px) {
	#nightmaze {
		top: 30%;
		left: 7.5%;
		width: 85%;
		height: 50%;
	}
	
	#nightmaze>a {
		-webkit-filter: drop-shadow(0px 0px 24px var(--glow));
		transition: all 1s ease-out;
	}
}