html {overflow-y: scroll}
:root {
    --bgcolor: #ededf0;
    --fontcolor: #303030;
    --linkcolor: #1906a5;
    --visitedcolor: #1906a5;
    --precolor: #0c0c0c;
    --prebgcolor: #e2e2e2;
}
/* @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;
    color:var(--fontcolor);
    background: var(--bgcolor);
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}

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
}
code { color: var(--precolor); background: var(--prebgcolor); }
pre { color: var(--precolor); background: var(--prebgcolor); padding:12px; overflow-x: auto; }
article { padding: 24px 0 }
.center { display: block;margin-left: auto;margin-right: auto;width: 100%; }
figcaption {color: #888; font: 10px; text-align: center; }
figure { margin: auto }
img { display: block; max-width: 100%; height: auto; margin: auto; }
table {
    width: 500px;
}
td {
    padding: 0px;
}