@layer reset{*{box-sizing:border-box}body{min-height:100vh;margin:0}h1,h2,h3,h4,h5,h6,p{margin:0}a{-webkit-text-decoration:inherit;text-decoration:inherit;font:inherit;color:inherit}.pixelart{image-rendering:pixelated}}@layer lib;
body{color:var(--color-surface-on);background-color:#12131d;background-image:radial-gradient(at 0 0,#19172a,#0000);background-repeat:no-repeat;place-items:center;gap:64px;padding-block:32px;font-family:sans-serif,arial,monospace;display:grid}body>nav{position:fixed;top:6px;left:6px}
:is(main,.textContainer)>*{margin-bottom:var(--textContainer-margin)}:is(main,.textContainer)>:first-child{margin-top:0}:is(main,.textContainer)>:last-child{margin-bottom:0}:is(main,.textContainer)>ul:not([class]){padding-left:22px;list-style:outside}:is(main,.textContainer)>h1,:is(main,.textContainer) .as-display{font:4em/1 var(--font-cactu);color:var(--color-primary);letter-spacing:.19em;text-transform:lowercase}:is(main,.textContainer) .as-body-2{font:var(--font-body-2)}:is(main,.textContainer)>small,:is(main,.textContainer) .as-body-3{font:var(--font-body-3)}:where([style*=--rwd-align],[style*=--align]){text-align:var(--align)}@media (max-width:600px){:where([style*=--rwd-align],[style*=--align]){text-align:var(--rwd-align-mobile,var(--align))}}@media (600px<width<=1200px){:where([style*=--rwd-align],[style*=--align]){text-align:var(--rwd-align-tablet,var(--align))}}@media not (max-width:1200px){:where([style*=--rwd-align],[style*=--align]){text-align:var(--rwd-align-desktop,var(--align))}}
