@media (prefers-color-scheme: light) {
	body {
		background-color: #ffffff;
		color: #5f5f5f;
	}
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #242424;
		color: #9f9f9f;
	}
}

#creature {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	font-size: 20vw;
}

#motd {
	position: absolute;
	left: 50%;
	bottom: -20px;
	transform: translate(-50%, -50%);
	padding: 20px;

	opacity: 0.15;
	font-size: 10px;
	font-family: sans-serif;
	text-align: center;
}

#motd:link {
	text-decoration: none;
}

#motd:hover {
	opacity: 1 !important;
	transition: 0.2s;
}