html,body{width:100%;height:100%;margin:0;padding:0}::-webkit-scrollbar{width:0px;background:transparent}body{padding:0;margin:0;-webkit-font-smoothing:antialiased;background:black}.container{height:auto;width:100%;opacity:1;background:linear-gradient(0deg, white, blue, white);background-size:100vh 100vh}h1,h2,h3{font-weight:normal}h1{position:fixed;color:white;font-size:4vh;left:50%;top:50%;margin:0;text-align:center;line-height:1em;max-width:35%;transform:translate3d(-50%, -50%, 0);text-transform:none;letter-spacing:-0.0em;z-index:15;opacity:0}.ready h1:first-of-type{opacity:1}a{color:white;text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.25)}h2{position:fixed;color:white;font-size:4vmin;left:50%;top:50%;transform:translate3d(-50%, -50%, 0);z-index:2;line-height:1.5em;text-align:center;margin:0}h3{position:fixed;color:white;font-size:4vmin;left:20px;bottom:20px;margin:0;z-index:2;backface-visibility:visible;transform:translate3d(0, 0, 1);mix-blend-mode:exclusion}h3.info{left:auto;right:20px;width:1.15em;height:1.15em;border:2px solid white;border-radius:1em;text-align:center;line-height:1.4em;font-size:3.2vmin}.bg{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:10}img,.phone{position:fixed;width:50%;height:auto;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);z-index:1}.phone{z-index:5;mix-blend-mode:screen}#sound{position:fixed;top:50%;left:50%;width:100px;height:100px;transform:translate3d(-50%, -50%, 0);z-index:100;cursor:pointer}#sound svg{width:100%;height:100%}#sound svg #speaker{fill:white}#sound svg .bars{transition:stroke 0.5s ease;stroke-width:13;stroke:rgba(255,255,255,0.15)}#sound svg .bars:nth-child(2){transition-delay:0.3s}#sound svg .bars:nth-child(3){transition-delay:0.15s}#sound svg .bars:nth-child(4){transition-delay:0.0s}#sound:hover svg .bars{stroke-width:13;stroke:#fff}#sound:hover svg .bars:nth-child(2){transition-delay:0.0s}#sound:hover svg .bars:nth-child(3){transition-delay:0.15s}#sound:hover svg .bars:nth-child(4){transition-delay:0.3s}.ready #sound{opacity:0;pointer-events:none}#text{position:fixed;width:100%;z-index:100;opacity:1;transition:opacity 1s ease}#text.active section{opacity:1}#text section{min-height:25vh;margin-top:37.5vh;margin-bottom:150vh;background:linear-gradient(0deg, cyan, transparent, magenta);background-size:100vh;border-radius:100%;transition:opacity 1s ease;opacity:1}#text section p{min-height:25vh}#text section[data-filler="true"]{opacity:1 !important}#text section:nth-child(2n){background:linear-gradient(0deg, green, transparent, green)}#text section:nth-child(3n){background:linear-gradient(0deg, yellow, transparent, yellow)}#text section:nth-child(4n){background:linear-gradient(0deg, red, transparent, red)}#text p{font-size:12vh;color:white;line-height:75vh;min-height:10vh;text-align:center;margin:0}