/* Shared by every page: fonts, reset, palette and the CRT scanlines. */

@font-face{font-family:"Barlow Condensed";src:url(../fonts/BarlowCondensed-Black.ttf) format("truetype");font-weight:900}
@font-face{font-family:"Space Grotesk";src:url(../fonts/SpaceGrotesk-Medium.ttf) format("truetype");font-weight:500}
@font-face{font-family:"Space Grotesk";src:url(../fonts/SpaceGrotesk-Bold.ttf) format("truetype");font-weight:700}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{background:#0A0A0A;color:#E62B1E;font-family:"Space Grotesk",sans-serif;overflow-x:clip}
a{color:inherit;text-decoration:none;transition:opacity .2s}
a:hover{color:#FFFFFF}
button{font-family:inherit;color:inherit;background:transparent;border:0;outline:none;border-radius:0}
::selection{background:#E62B1E;color:#0A0A0A}
html,body{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:0;height:0;display:none}
*{scrollbar-width:none}
[hidden]{display:none!important}

.scan{position:fixed;inset:0;z-index:900;pointer-events:none;background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.45) 0,rgba(0,0,0,.45) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(to right,rgba(0,0,0,.25) 0,rgba(0,0,0,.25) 1px,transparent 1px,transparent 3px)}

/* utilities */
.glow{text-shadow:-1px .4px 0 rgba(150,40,190,.5),0 0 6px rgba(230,43,30,.6)}
.a{position:absolute}
.col{display:flex;flex-direction:column}
.bc{font-family:"Barlow Condensed";font-weight:900}
.big{font-family:"Barlow Condensed";font-weight:900;text-transform:uppercase}
.btn{cursor:pointer;text-shadow:inherit}
.tnum{font-variant-numeric:tabular-nums}
.wt{will-change:transform}
/* box that positions a <np-skull>/<np-morph> canvas; the element fills it */
.host{pointer-events:none}