@font-face{font-family:Hanken;src:url(fonts/HankenGrotesk.woff2) format("woff2")}@font-face{font-family:Hanken;src:url(fonts/HankenGrotesk-Italic.woff2) format("woff2");font-style:italic}:root{--main-bg-color: #222;--main-text-color: #fff;--highlite-color: #0fa;--font-sans: "Hanken", Helvetica, Arial, sans-serif}body{margin:0;padding:0;background:var(--main-bg-color);color:var(--main-text-color);font-family:var(--font-sans);font-size:16px;line-height:1.2}h1,h2,h3{font-family:var(--font-sans);font-weight:700;color:var(--highlite-color)}img{max-width:100%}.container{max-width:920px;margin:0 auto;padding:0 2%}.jumbotron{padding:1%}header{height:560px;display:flex;justify-content:center;align-items:center}header h1{font-size:5rem;margin-top:30px}.soundTrigger{max-width:7em;padding:1%;cursor:progress}.neonText{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #fff,0 0 40px #0ff,0 0 80px #0ff,0 0 90px #0ff,0 0 100px #0ff,0 0 150px #0ff}.pulsate{animation:pulsate 1.5s infinite alternate}@media(prefers-reduced-motion){.pulsate{animation:0;color:#fff}}@keyframes pulsate{to{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #0fa,0 0 80px #0fa,0 0 90px #0fa,0 0 100px #0fa,0 0 150px #0fa}0%{text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 6px #fff,0 0 10px #0fa,0 0 45px #0fa,0 0 55px #0fa,0 0 70px #0fa,0 0 80px #0fa}}.intro p{font-weight:700}.container{color:var(--main-text-color);background:var(--main-bg-color)}article{max-width:700px;margin:5% auto 0}article{p{font-size:1.3rem;font-size:clamp(1.1rem,1.2vw,1.3rem);line-height:1.4;font-weight:300}h2{color:var(--highlite-color);font-size:1.8rem;font-size:clamp(1.6rem,2vw,1.8rem);font-weight:900;text-shadow:1px 1px 2px var(--main-bg-color)}figure{margin-left:-10%;margin-right:-10%;@media only screen and (max-width:600px){width:auto;margin-left:0;margin-right:0}}.withText{display:flex;flex-direction:column}}article blockquote{margin:20px -10%;@media only screen and (max-width:600px){margin:20px 10%}}article blockquote p{background:var(--highlite-color);color:var(--main-bg-color);display:inline;font-size:1.5rem;font-size:clamp(1.3rem,1.5vw,1.5rem);font-style:italic;font-weight:700;padding:0 .5%}::selection{background:var(--main-bg-color);color:var(--main-text-color)}
