@import "https://fonts.googleapis.com/css2?family=DotGothic16&family=VT323&display=swap";
:root{--primary-red:#f22;--black:#000;--white:#f7f7f7;--font-heading:"DotGothic16", sans-serif;--font-body:"VT323", monospace}html,body{background-color:var(--white);max-width:100vw;color:var(--black);scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;font-size:18px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;line-height:1.1}*{box-sizing:border-box;margin:0;padding:0}a{color:var(--primary-red);text-decoration:none;transition:opacity .2s}a:hover{opacity:.7}::selection{background-color:var(--primary-red);color:var(--white)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--white)}::-webkit-scrollbar-thumb{background:var(--black)}::-webkit-scrollbar-thumb:hover{background:var(--primary-red)}.text-red{color:var(--primary-red)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glitchShift{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.blink{animation:1s step-end infinite blink}