* { font-family: 'Lucida Console', Monaco, monospace; }

html {
    background: #161513;
    overflow-y: scroll; }
:root {
    --bgcolor: white;
    --fontcolor: #444;
    --linkcolor: #00e;
    --linkhover: #551a8b;
    --precolor: #fff;
    --prebgcolor: #000; }

@media (prefers-color-scheme: dark) {
    :root {
        --bgcolor: black;
        --fontcolor: #ddd;
        --linkcolor: #999;
        --linkhover: green;
        --precolor: #fff;
        --prebgcolor: #383838; } }

body {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 10px;
    font-size: 0.9em;
    line-height: 1.5;
    color: var(--fontcolor);
    background: var(--bgcolor); }

a:link, a:visited, a:active {
    text-decoration: none;
    color: var(--linkcolor); }

a:hover {
    text-decoration: none;
    color: var(--linkhover); }

/*h1, h2, h3 { line-height: 1.2; }*/
h1, h2, h3, strong { color: green; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }

p > code {
    color: var(--precolor);
    background: var(--prebgcolor);
    padding:2px; }

code {
    color: var(--precolor);
    background: var(--prebgcolor);
    padding: 2px; }

pre {
    color: var(--precolor);
    background: var(--prebgcolor);
    padding: 1em;
    overflow-x: auto }

article { padding: 0.5em 0; }

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%; }

div.paginator { margin: 1.5em 0; }

ul.social {
    text-align: center;
    list-style-type: none;
    display: flex;
    flex-flow: row;
    padding: 0; }

li.social {
    text-align: center;
    list-style: none;
    flex-grow: 1;
    margin-right: 5px; }
li.social:last-child { margin-right: 0px; }

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 {
    background: #111;
    border-left: 5px solid #333;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019"; }

footer {
    bottom: 0;
    margin: 1rem 0;
    padding: 0; }