::selection { background: #5290ff; }
body {
	color: #000000;
	background: #ffffff;
	padding: 0;
	margin: 1rem;
	font: larger monospace;
}
header { padding-bottom: 2rem; }
header > h1 { font-width: ultra-expanded; letter-spacing: 2rem; }
header > * { display: inline; }
main { clear: none; line-height: 1.5rem; }
p { text-indent: 2em; }
li > p { text-indent: 0; }
pre { overflow: auto; }
ul.headernav-list { display: inline; }
ol, ul { list-style-type: upper-roman; }
ul.headernav-list > li { display: inline; }
footer { padding-top: 3rem; border-top: 1px dotted; }
a { text-decoration-style: double; }
a {
	color: #77c0e0;
	text-decoration-color: #5290ff;
	text-decoration-style: dotted;
}
a:hover, a:focus { color: #ffffff; background:  #000000; }
a:visited { text-decoration-style: dashed; }

html {
	--accent1: #5290ff;
	--accent2: #77c0e0;
	--accent3: #a8a8b2;
}

@media(prefers-color-scheme: dark) {
	::selection { background: #083078; }
	body { color: #ffffff; background: #000000; }
	a { text-decoration-color: #083078; }
	a:hover, a:focus { color: #000000; background: #ffffff; }
	
}