body {
	background-color:#fcfcfc;
	color:#232629;
	max-width:72ch;
	text-align:justify;
	margin:auto;
	padding:1em 0;
	font-family:sans-serif;
	line-height:1.3;
}
a {text-decoration:none;color:#1d99f3;}
h1 {text-align:center;font-size:2rem;}
h2 {text-align:center;font-size:1.6rem;}
h3 {text-align:center;font-size:1.2rem;}
.nav a:link   {color:#232629;}
.nav a:visited{color:#232629;}
.nav a:hover  {color:#1d99f3;}
.nav a:focus  {color:#1d99f3;}
.nav a:active {color:#1d99f3;}
.nav {height:3rem;font-size:2.5rem;}
.navl {width:30%;float:left;text-align:left;}
.navr {width:70%;float:left;text-align:right;}
@media (prefers-color-scheme: dark) {
	body {
		background-color:#232629;
		color:#fcfcfc;
	}
	.nav a:link   {color:#fcfcfc;}
	.nav a:visited{color:#fcfcfc;}
	.nav a:hover  {color:#1d99f3;}
	.nav a:focus  {color:#1d99f3;}
	.nav a:active {color:#1d99f3;}
}