body {background: #222;background:linear-gradient(90deg, #222 65%, #333 65%);color:#eee;margin: 0;padding: 0;font-family: sans-serif;line-height: 1.5em;font-size: 14px;}
a {color:#acacac;}
h3,h4 {font-size: 14px;}
h1,h2 {line-height:1;letter-spacing:-0.03em;}
h1 { font-size:42px;margin: 0.8em 0;}
h2 { font-size:22px;margin: 2em 0 1em;}
p {margin: 0 0 1em;}
img {image-rendering: pixelated;background:#444;width:100%;height:auto;margin:1em 0;}
main {float: left;width: 55%;padding: 0 5% 5%;}
aside {float: right;width: 25%;padding: 0% 5% 5% 0;padding-top:38px;}
aside div {clear:both;padding-bottom:30px;}
aside div ul {margin:0;}
figure {margin: 30px 0;}
figcaption {font-style: italic;}
nav {padding:5% 5% 0 5%;width:90%;clear:both;}
footer {padding-bottom:60px; clear:both;}
ol {padding-left: 16px;}
h3 {text-transform: capitalize;}
ul {list-style-type:none;margin:0 0 1em;padding:0;width:100%;}
ul li:before {content: "·";display: inline;position: relative;left: -5px;}
ul li {padding-left: 10px;text-indent: -5px;}
video {width:100%;}
body code[class*="language-"],
body pre[class*="language-"] {color: #ccc;font-family: monospace;font-size:0.9em;text-align: left;white-space: pre;word-spacing: normal;word-break: normal;word-wrap: normal;line-height: 1.5;tab-size: 1;hyphens: none;}
pre[class*="language-"] {overflow: auto;display: block;padding:1em;margin:2em 0;}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {background: #4d4d4d;}
:not(pre) > code[class*="language-"] {white-space: normal;}
.js-highres {appearance:none;background:transparent;color:#acacac;border:none;text-decoration: underline;display:inline;cursor: pointer;padding: 0;line-height: 1.5;font-family: sans-serif;font-size: 14px;}
@media (max-width:600px){
	body {background:#222; font-size:18px;}
	main,aside {float:none;width:90%}
	main {padding:0 5%;}
	aside {padding:0 5%;}
	li {margin:0.5em 0;}
	h3,h4,.js-highres { font-size:18px;}
	nav.sitenav {display:flex;justify-content: space-between;}
}
@media (max-width:430px){
	.js-highres {float:none;}
}