html {overflow-y: scroll}
@font-face { font-family: LucSR; src: url(https://tilde.club/~kitzman/fonts/luxisr.ttf); font-weight: normal; }
@font-face { font-family: VGA; src: url(https://tilde.club/~kitzman/fonts/VGAMedium.ttf); font-weight: normal;}
:root { --font-monospace: "VGA", monospace; --bgcolor: #ffffff; --bgscolor: #777777; --fontcolor: #000000; --linkcolor: #007dee; --visitedcolor: #557dee; --precolor: #000000; --prebgcolor: #ffffdc; --bordercolor: #555555; --selectioncolor: #88ccaa; --preselectioncolor: #ffffaa;  background: var(--bgscolor); background-image: url(https://tilde.club/~kitzman/images/tapes0.jpg);}
* { cursor: url(https://tilde.club/~kitzman/images/cursor.png), auto; }
@media (prefers-color-scheme: dark) { :root { --bgcolor: black; --fontcolor: white; --linkcolor: #fb4934; --visitedcolor: #fabd2f; --precolor: #fff; --prebgcolor: #383838;}}
body{max-width:800px;margin:40px auto;padding:40px 60px; font: 16px LucSR; color:var(--fontcolor); background: var(--bgcolor); border-style: solid; border-color: var(--bordercolor); border-width: 3px; ::selection { background: var(--selectioncolor); }; }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) ;font: 16px VGA; padding:2px; antialias: False; }
code::selection{ background: var(--preselectioncolor); }
pre{color: var(--precolor); background: var(--prebgcolor); border-style: solid; border-color: var(--bordercolor); border-width: 3px; font: 16px VGA; padding:24px; overflow-x: auto; antialias: False; }
pre::selection{ background: var(--preselectioncolor); }
article{padding:24px 0}
.center {display: block;margin-left: auto;margin-right: auto;width: 100%;}
figcaption {color: #fbf1c7; font: 16px LucSR; text-align: center;}
figure {margin: auto}
img {display: block; max-width: 100%; height: auto; margin: auto}
