@import url("https://fonts.googleapis.com/css?family=Press+Start+2P");:root{--dark:#270245;--light:#fd5d8d;--light-darkened:#ca4a71;--white:#fff}::selection{background:var(--light);color:var(--dark)}body,html{width:100%;height:100%}body{position:relative;background:#000;overflow:hidden}body:before{content:"";position:absolute;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 100%);z-index:500;mix-blend-mode:overlay}.noise,body:before{left:0;top:0;pointer-events:none}.noise{position:fixed;width:100vw;height:100vh;overflow:hidden;z-index:400;opacity:.8}.noise:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(https://ice-creme.de/images/background-noise.png);pointer-events:none}.noise-moving{opacity:.8;z-index:450}.noise-moving:before{will-change:background-position;animation:noise 1s infinite alternate}.scanlines{position:fixed;width:100vw;height:100vh;z-index:300;opacity:0;will-change:opacity;animation:opacity 3s linear infinite}.scanlines,.scanlines:before{left:0;top:0;pointer-events:none}.scanlines:before{content:"";position:absolute;right:0;bottom:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.5) 51%);background-size:100% 4px;will-change:background,background-size;animation:scanlines 1s linear infinite}.intro-wrap{font-family:Press Start\ 2P,cursive;color:var(--white);background:#2b52ff}.intro-wrap .noise:before{background-size:200%}.intro-wrap .play{will-change:text-shadow;animation:rgbText 2s steps(9) infinite alternate}.intro-wrap .play .char{will-change:opacity;animation:type 1.2s infinite alternate;animation-delay:calc(60ms * var(--char-index))}.intro-wrap .recordSpeed,.intro-wrap .time{will-change:text-shadow;animation:rgbText 1s steps(9) infinite alternate}@keyframes noise{0%,to{background-position:0 0}10%{background-position:-5% -10%}20%{background-position:-15% 5%}30%{background-position:7% -25%}40%{background-position:20% 25%}50%{background-position:-25% 10%}60%{background-position:15% 5%}70%{background-position:0 15%}80%{background-position:25% 35%}90%{background-position:-10% 10%}}@keyframes opacity{0%{opacity:.6}20%{opacity:.3}35%{opacity:.5}50%{opacity:.8}60%{opacity:.4}80%{opacity:.7}to{opacity:.6}}@keyframes scanlines{0%{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.5) 51%);background-size:100% 4px}to{background:linear-gradient(180deg,rgba(0,0,0,.5) 50%,transparent 51%);background-size:100% 4px}}@keyframes type{0%,19%{opacity:0}20%,to{opacity:1}}@keyframes gradient{0%{background-position:50% 0}50%{background-position:50% 100%}to{background-position:50% 0}}.animate-gradient-slow{background-size:200% 200%;animation:gradient 15s ease infinite}@keyframes rgbText{0%{text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 3px #fff}25%{text-shadow:3px 3px 5px #f00,-3px -3px 5px #0f0,3px -3px 5px #00f}50%{text-shadow:-3px 3px 5px #0ff,3px -3px 5px #f0f,-3px -3px 5px #ff0}75%{text-shadow:3px -3px 5px #ff0,-3px 3px 5px #00f,3px 3px 5px #0f0}to{text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 3px #fff}}.neon{animation:rgbText 2s steps(9) infinite alternate}@keyframes rgbTextSubtle{0%{text-shadow:0 0 1px #fff,0 0 1px #fff}25%{text-shadow:1px 1px 2px #f99,-1px -1px 2px #9f9,1px -1px 2px #99f}50%{text-shadow:-1px 1px 2px #9ff,1px -1px 2px #f9f,-1px -1px 2px #ff9}75%{text-shadow:1px -1px 2px #ff9,-1px 1px 2px #99f,1px 1px 2px #9f9}to{text-shadow:0 0 1px #fff,0 0 1px #fff}}.neon-subtle{animation:rgbTextSubtle 3s steps(6) infinite alternate}@keyframes neonBorder{0%{filter:drop-shadow(0 0 2px #fff)}25%{filter:drop-shadow(0 0 5px #f0f)}50%{filter:drop-shadow(0 0 5px #0ff)}75%{filter:drop-shadow(0 0 5px #ff0)}to{filter:drop-shadow(0 0 2px #fff)}}@keyframes rgbBorderSubtle{0%{filter:drop-shadow(0 0 1px #fff)}25%{filter:drop-shadow(1px 1px 2px #f99);filter:drop-shadow(-1px -1px 2px #9f9);filter:drop-shadow(1px -1px 2px #99f)}50%{filter:drop-shadow(-1px 1px 2px #9ff);filter:drop-shadow(1px -1px 2px #f9f);filter:drop-shadow(-1px -1px 2px #ff9)}75%{filter:drop-shadow(1px -1px 2px #ff9);filter:drop-shadow(-1px 1px 2px #99f);filter:drop-shadow(1px 1px 2px #9f9)}to{filter:drop-shadow(0 0 1px #fff)}}.neon-border{animation:rgbBorderSubtle 2s steps(9) infinite alternate}.neon-border-subtle{animation:rgbBorderSubtle 3s steps(6) infinite alternate;animation-timing-function:ease-in-out}