@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";canvas{position:fixed;top:0;left:0;width:100vw;height:100vh}html{scroll-behavior:smooth}a{color:#91a9f8}:root{--dark-bg: rgba(15, 15, 15, .95);--spacing: 300px;font-family:brandon-grotesque,sans-serif;font-weight:400;font-style:normal}main{width:98vw;color:#fff;z-index:99;position:absolute;margin:0 auto;padding:120px 0;display:grid;grid-template-columns:repeat(12,1fr)}h1,h2,h3,h6,p,blockquote{font-family:"Press Start 2P",cursive;font-style:normal}header{grid-column:2 / span 7;font-size:2rem;padding:2rem;margin-bottom:var(--spacing)}section{grid-column:2 / 8;padding:1rem;font-size:1rem;line-height:1.5;margin-bottom:var(--spacing)}section p{margin-bottom:70px}blockquote{margin:0;padding:0;grid-column:2 / span 9;margin-bottom:var(--spacing)}blockquote p{color:#fff;font-size:2rem;display:inline;line-height:1}@media screen and (max-width: 420px){:root{--dark-bg: rgba(15, 15, 15, .95);--spacing: 150px;font-family:brandon-grotesque,sans-serif;font-weight:400;font-style:normal}blockquote p{font-size:1rem;width:50px}section{grid-column:2 / 12}header{grid-column:2 / span 10;font-size:1.5rem;padding:1rem}}