body {
	background-color: #fcfcfc;
	color: #232629;
	max-width:72ch;
	text-align:justify;
	margin:auto;
	padding:1em 0;
	font-family: sans-serif;
}

.content { min-height: calc(100vh - 20ch); }

a {text-decoration:none;color:#1d99f3;}

h1 {text-align:center;font-size:2rem;}
h2 {text-align:center;font-size:1.5rem;}
h3 {text-align:center;font-size:1rem;}

.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:2rem;font-size:2rem;}
.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;}
}