html {overflow-y: scroll}
/* :root { --bgcolor: white; --fontcolor: #444; --linkcolor: #63576e; --visitedcolor: #886f88; --precolor: #fff; --prebgcolor: #000;} */

:root { 
  --bgcolor: #f0f0f0; 
  --fontcolor: #333333; 
  --linkcolor: #007acc; 
  --visitedcolor: #005f99; 
  --precolor: #d63384; 
  --prebgcolor: #f8f9fa; 
}

 @media (prefers-color-scheme: dark) { :root { --bgcolor: black; --fontcolor: #f7eded; --linkcolor: #cdb8e2; --visitedcolor: #a189a1; --precolor: #fff; --prebgcolor: #383838; }} 
body{max-width:800px;min-width:270px;margin:40px auto;padding:0 10px;font:16px/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{color: var(--precolor); padding:2px;} */
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}
a:link {text-decoration: none;}