html {overflow-y: scroll}
:root { 
    --bgcolor: white; 
    --fontcolor: #444; 
    --linkcolor: #00e; 
    --visitedcolor: #551a8b; 
    --precolor: #f8f8f2; 
    --prebgcolor: #272822;
}
@media (prefers-color-scheme: dark) { 
    :root { 
        --bgcolor: black; 
        --fontcolor: white; 
        --linkcolor: #5bf; 
        --visitedcolor: #ae5ee0; 
        --precolor: #fff; 
        --prebgcolor: #383838;
    }
}
body{max-width:800px;margin:40px auto;padding:0 10px;font:14px/1.5 monospace;color:var(--fontcolor); background: var(--bgcolor)}a:link{color: var(--linkcolor)}a:visited{color: var(--visitedcolor)}a:active{color: var(--visitedcolor)}h1,h2,h3{line-height:1.2}
p > code{color: var(--precolor); background: var(--prebgcolor); padding:2px}
pre{color: var(--precolor); background: var(--prebgcolor); padding:24px; overflow-x: auto}
article{padding:24px 0}
.center {display: block;margin-left: auto;margin-right: auto;width: 100%;}
figcaption {color: #888; font: 12px/1.5 monospace; text-align: center;}
figure {margin: auto}
img {display: block; max-width: 100%; height: auto; margin: auto}

blockquote {
    padding-left: 2em;
    margin-left: 0px;
    border-left: 5px solid #ae5ee0;
    padding-right: 0px;
    margin-right: 0px;
}

.w120-float {
    float: left;
    width: 120px;
    vertical-align: top;
    padding-right: 1em;
}

.w250 {
    width: 250px;
    margin: 0;
}

.clear {
    clear: both;
}