:root {
	--bg: #eee;
	--c: #111;
	--a: #06d;
	--ah: #60d;
}
@media (prefers-color-scheme: dark) {
	:root {
		--bg: #111;
		--c: #fff;
		--a: #9cf;
		--ah: #c9f;
	}
}
html, body {
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: serif;
	background-color: var(--bg);
	color: var(--c);
}
main {
	position: relative;
	top: 40%;
	transform: translateY(-50%);
	text-align: center;
}
h1 {
	display: inline;
	margin: 0;
}
a {
	color: var(--a);
	text-decoration: none;
}
a:hover {
	color: var(--ah);
}
a:visited {
	color: var(--ah);
}