:root{--default-width: 1024px;--mobile-width: 640px;--link-color: rgb(240, 130, 20);--winamp-green: #3bfb0b;--primary-background: #222;--secondary-background: #111;--yellow: #fbff00;--yellow-medium: #ffea00;--yellow-dark: #9b9101;--purple: rgb(198, 9, 255);--magenta: rgb(255, 0, 255);--magenta-dark: rgb(139, 0, 139);--ln-purple: #7B1AF7;--ln-blue: #1d35a1;--cyan: rgb(0, 255, 255);--cyan-dark: rgb(0, 139, 139);--cardinal: rgb(196, 30, 58);--cardinal-blue: rgb(196, 30, 90);--cardinal-hover: rgb(196, 30, 90, .3);--peach: #FF96AB;--peach-dark: #F27B7F;--headline-color: var(--cardinal);--link-text: var(--magenta);--box-shadow: #A6A6A6;--slider-track: var(--cyan-dark);--slider-border: var(--cyan);--slider-thumb: var(--purple);--slider-thumb-border: var(--magenta-dark);--filetype-color: var(--yellow)}html{font-family:monospace;font-size:14px}*{box-sizing:border-box}body{background:var(--primary-background);color:#fff;margin:0;padding:0;height:100svh;width:100svw;max-width:100svw;overflow:hidden;display:flex;flex-direction:row;justify-content:center}main{overflow:hidden;width:1024px;height:100%;display:flex;flex-direction:column;padding:0;margin:0}main article{flex:auto 1 1}@media only screen and (max-width: 1024px){main{width:100vw}}navigation-bar .logo{color:var(--magenta);font-size:2rem}navigation-bar a{font-size:1.3rem}