body {
	font: 1.25em serif;
	padding: 1em;
	background-color: #f0fff0;
	color: #310;
}

main {
	max-width: 50em;
	margin: auto;
}

p {
	padding: 0 0.5em;
}

nav {
	text-align: center;
}

nav a {
	font-weight: bold;
}

img {
	max-width: 100%;
	margin-top: 0.5em;
}

img + p {
	margin-top: 0;
}

h1 {
	text-align: center;
}

a:hover {
	text-decoration-style: wavy;
}

a:visited {
	color: #dd2266;
}

a:link {
	color: #881133;
}

table {
	margin: 0 1em;
	border-collapse: collapse;
}

td,th {
	padding: 0 0.25em;
	border: 0;
	border-bottom: 1px solid #310;
	text-align: center;
	height: 40pt;
}

@media(prefers-color-scheme: dark) {
	body {
		color: #ddffee;
		background-color: #200005;
	}

	a:visited {
		color: #66c877;
	}

	a:link {
		color: #99eeaa;
	}

	td,th {
		border-bottom-color: #e0ffe0
	}
}