body {
	margin: 40px auto;
	max-width: 770px;
	line-height: 1.4;
	font-family: sans-serif;
	color: #222;
	padding: 0 1em;
	background: #0e031b;
}
article, .home-content { 
	background: #FFFFFF; 
	padding: 2em; 
}
h1 { font-size: 1.8em; color: #444; }
h2,h3{ line-height:1.2; color: #333; }
pre, code { 
	font-family: monospace; 
	background-color: #F5F1DE; 
	color: #000; 
} 
pre { white-space: pre-wrap; padding: 1em; } 
pre code { background-color: default; border: none; }
table { border-collapse: collapse; }
td, th { padding: .7em; border: 1px solid #AAA; }

textarea, input, button {
	background: #FAFAFA;
	color: #000;
	border: 1px solid #888;
	padding: .3em;
	margin: .3em;
}
input:disabled { color: #666; }
textarea { width: 90%; padding: .5em; display:block; }
button { border-radius: 4px; }
button:hover { background: #FAFAAA; }

nav img { width: 200px; }
header { border-bottom: 1px solid silver; padding: 0 1em 1em; background: #FFF; }
img, figure img { max-width: 100%; }
figcaption { font-style: italic; color: #555; }
.quoteblock { margin-left: 40px; border-left: 1px solid #555; padding: 5px; }
  .quoteblock blockquote { margin: 0 }
  .quoteblock .attribution { margin-left: 40px; }
.link-block { display: inline-block; }
.subtitle { font-style: italic; }
.admonitionblock .icon, thead { background: #F5F1DE; margin-left: 1em; }
.admonitionblock p { margin: .3em; clear: both; }
.bigrat img { max-width: 100% }
.subdued { font-size: small; color: #999; }


@media (prefers-color-scheme: dark) {
	body   { background:  #010; color: white; }
	a { color: #49E; }
	a:visited { color: #C5F; }
	article, .home-content { background: #222; }
	h1 { color: #BBB; }
	h2,h3{ color: #CCC; }
	pre, code { 
		background-color: #333; 
		color: #fff; 
	} 
	thead { #123; }
	td, th { border: 1px solid #444; }
	textarea, input, button {
		background: #111;
		color: #fff;
		border: 1px solid #555;
	}
	input:disabled { color: #666; }
	button:hover { background: #114; }
	header { background: #000; }
	figcaption { color: #222; }
	blockquote { border-left: 4px solid #226; }
	.admonitionblock .icon { background: #123; }
	.admonitionblock .title { color: pink; }
	.subdued { color: #666; }
}