body {
	color: #111111;
	background: #eeeeee;
	padding: 0;
	margin: 3vh 3vw;
	font-size: larger;
	font-family: monospace;
}
::selection { background: #00aaff;} /* #a0ffa0 */
header { padding-bottom: 2rem; }
header > h1 { font-width: ultra-expanded; letter-spacing: 2rem; }
header > a { padding-right: 1rem; }
header > * { display: inline; vertical-align: center; }
main { clear: none; line-height: 1.5rem;  border-top: 1px dashed; border-bottom: 1px dashed; margin: 2vh 2vw; }
p { text-indent: 2em; }
table, th { border: 1px solid; }
td { border-bottom: 1px dotted; }
th { padding: 0.5rem; }
thead { background-color: #cccccc; }
li > p { text-indent: 0; }
pre { overflow: auto; padding: 1rem; }
blockquote { font: italic 0.8rem  serif; border: 1px solid; margin: 1rem; }
pre { background: #cccccc; outline: 1px solid #111111;}
ul.headernav-list { display: inline; }
ol { list-style-type: upper-roman; }
ul { list-style-type: square; }
ul.headernav-list > li { display: inline; }
footer { padding-top: 1rem; }
footer > * { vertical-align: center; }
footer > ul > li { display: inline; }
footer > a > img { width: 1.5rem; height: 1.5rem; }
a:visited { text-decoration-style: double; }
a {
	color: #1a6aff;;
	text-decoration-color: #1a6aff;
	text-decoration-style: dotted;
}
a:hover, a:focus { color: #eeeeee; background: #111111; }
a.image:hover > img, a.image:focus > img { outline: 2px solid #1a6aff; }
@media(prefers-color-scheme: dark) {
	::selection { background: #008811; } /* #5290ff */
	body { color: #eeeeee; background: #111111; }
	a { color: #5fc199; text-decoration-color: #5fc199; }
	a:hover, a:focus { color: #111111; background: #eeeeee; }
	a.image:hover > img, a.image:focus > img { outline: 2px solid #5fc199; }
	pre { background: #333333; outline: 1px solid #eeeeee; }
	thead { background: #333333; }
}

a.image:hover, a.image:focus { background: initial; color: initial; }