:root{
--symbos1: #ffff8d;
--symbos2: #ff8b00;
--symbos3: #8d0000;
--symbos4: #000}

@font-face{
font-family: "DOS/V re. ANK30";
src: url(/fonts/Px437_DOS-V_re_JPN30.ttf)}

@font-face{
font-family: "IBM VGA 8x16";
src: url(/fonts/Px437_IBM_VGA_8x16.ttf)}

html{scrollbar-color: var(--symbos3) var(--symbos4)}

body{
max-width: 800px;
margin: 100px auto;
background-color: var(--symbos3);
color: var(--symbos1);
font-family: "IBM VGA 8x16", monospace;
image-rendering: crisp-edges}

li{list-style: "* "}

h1{
margin: 10px auto;
text-align: center;
width: calc(100% - 200px);
color: var(--symbos3);
background-color: var(--symbos2);
animation: homescroll 10s linear infinite;
font-weight: 100;
font-size: 32px;
font-family: "DOS/V re. ANK30"}

a{color: var(--symbos2)}

::selection{
background: var(--symbos1);
color: var(--symbos3)}

p:last-of-type{
position: relative;
width: fit-content;
margin: auto}

p:last-of-type:after{
position: absolute;
right: -16px;
animation: blink 1s linear infinite;
content: "_"}

@keyframes blink{
from{content: ""}
to{content: "_"}}