body {
	color-scheme: light dark;
	background: #fffefe; color: #000408; /* fallback for older browsers */
	background: light-dark(#fffefe, #222);
	color: light-dark(#000408, #fff);
	font-family: sans-serif;
}
a:link { color: #555; }
a:visited { color: #999; }

h1, h2, h3, h4 {
	font-family:'Times New Roman', Times, serif;
	font-size: 200%;
	margin-bottom:1ch;
	font-variant-caps: small-caps;
}
h1 { font-size: 400%; }

#logo { width: 20em; }
#logo-text {
	margin-top: 0;
	font-variant-caps: small-caps;
}
@media (prefers-color-scheme: dark) {
	img { filter: grayscale(1) invert(1); }
}

p { max-width: 40em; }
div { max-width: 44em; }

hr {
	border: none;
	border-bottom: 2px dotted gray;
}

footer {
	text-align: center;
	color: #aaa;
}