:root {
	color-scheme: light dark;
}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 14px;
}
body > footer {
	font-size: 13px;
	text-align: center;
}
body > footer > p {
	color: gray;
	line-height: 1em;
}
p, li, dl {
	line-height: 1.5em;
}
dl {
	margin-left: 1em;
}
dd {
	margin-bottom: 0.5em;
}
a {
	color: #298cda;
	text-decoration: none;	
}
a:hover {
	text-decoration: underline;	
}

h1 {
	font-size: 1.4em;
	text-align: center;
}
h2 {
	padding: 12px 12px 0;
	margin-left: -16px;
	margin-right: -8px;
	border-top: solid 1px black;
	color: #44A;
	font-size: 1.4em;
}
h3 {
	margin-top: 1.5em;
	margin-left: 0;
	font-size: 1.2em;
}
*:target, dt:target + dd
{
	-webkit-animation-name: target;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-in;
}
@media (prefers-color-scheme: dark) {
	body {
		background: #333;
		color: white;
	}
	h2 {
		color: #EEE;
		font-weight: normal;
		border-top-color: #666;
	}
	body > footer > p {
		color: lightgray;
	}
	
	a {
		color: #5EB8FF;
	}
	
	*:target, dt:target + dd
	{
		-webkit-animation-name: target-dark;
	}
	
	img {
		border-radius: 4px;
	}
}

@-webkit-keyframes target {
	0% {background-color: #298cda;}
	100% {background-color: white;}
}
@-webkit-keyframes target-dark {
	0% {background-color: #298cda;}
	100% {background-color: #222;}
}
