@font-face{font-family:'Staatliches';src:url("/fonts/staatliches-v11-latin-regular.woff2") format("woff2")}h1,h2,h3{font-family:'Staatliches'}body{background:#191919}a{color:#AECFDF}a:hover{color:#fff}input{z-index:100}#titlecontainer{position:fixed;height:100%;width:100%;overflow:hidden;z-index:-1;display:flex;align-items:center;justify-content:center;animation:titlefadestart 5s ease-out 1}#titlecontainer h1{will-change:transform;user-select:none;display:flex;justify-content:center;font-family:'Staatliches';font-size:20em;text-align:center;max-width:100%;margin-top:1%;line-height:.7em;opacity:.2;animation:slowpulse 40s ease-in-out infinite;background:linear-gradient(#5168A7 8%, #333 50%, #5168A7 80%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:translateZ(0)}@keyframes titlefadestart{0%{filter:blur(2rem);transform:scale(0.95);opacity:0}10%{transform:scale(0.95);opacity:.1}100%{filter:blur(0);transform:scale(1);opacity:1}}@keyframes slowpulse{0%,100%{transform:scale(1);opacity:.2}50%{transform:scale(1.04);opacity:.4}}.noise{pointer-events:none;position:fixed;top:-50%;left:-50%;width:200%;height:200%;background-image:url(data:image/png;base64,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);background-repeat:repeat;animation:noiseFX 2s steps(6) infinite;opacity:.6}@keyframes noiseFX{0%,100%{transform:translate(0, 0)}10%{transform:translate(-5%, -10%)}30%{transform:translate(3%, -15%)}50%{transform:translate(12%, 9%)}70%{transform:translate(9%, 4%)}90%{transform:translate(-1%, 7%)}}.themiddle{width:200px;height:200px;background-color:rgba(174,207,223,0.6);box-shadow:0 0 2px rgba(174,207,223,0.2);position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border-radius:999px;padding:20px;transition:all 10s ease-in-out, transform 1s ease-in-out;opacity:1;animation:mainCircleFx 50s ease-in-out infinite;transform:translateZ(0)}.themiddle:has(#start:hover){transform:scale(1.05)}.themiddle:has(.pause){background:rgba(174,207,223,0.2)}.themiddle.second{background-color:#BEDFEF;z-index:-1;animation:circleFx 50s ease-in-out infinite;filter:fliph;opacity:.3}.themiddle.third{background-color:#BDDEEE;z-index:-1;animation:circleFx 70s ease-in-out infinite reverse;opacity:.2}.themiddle.fourth{background-color:#BEDFEF;z-index:-1;animation:circleFx 105s ease-in-out infinite;opacity:.3}.themiddle.fifth{background-color:#BDDEEE;z-index:-1;animation:circleFx 85s ease-in-out infinite alternate-reverse;opacity:.2}#volumecontrol{position:absolute;bottom:-40px;left:0;width:100%}#volumecontrol:after{content:'vol';position:absolute;color:rgba(174,207,223,0.6);right:-30px;top:-10px;text-transform:uppercase;font-family:'Staatliches', sans-serif}input[type=range]{-webkit-appearance:none;margin:10px 0;width:100%}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;background:#5168a7;background:linear-gradient(90deg, #191919 0%, #aecfdf 20%, #aecfdf 80%, #191919 100%);border-radius:25px}input[type=range]::-webkit-slider-thumb{border:0px solid rgba(174,207,223,0.8);height:20px;width:20px;border-radius:20px;background:rgba(174,207,223,0.8);cursor:pointer;-webkit-appearance:none;margin-top:-8px}input[type=range]::-moz-range-track{width:100%;height:12.8px;cursor:pointer;animate:0.2s;background:rgba(174,207,223,0.2);border-radius:25px}input[type=range]::-moz-range-thumb{height:20px;width:39px;border-radius:7px;background:rgba(174,207,223,0.6);cursor:pointer}@keyframes mainCircleFx{0%,100%{border-radius:86% 74% 61% 79% / 74% 67% 83% 76%}30%{border-radius:78% 72% 80% 70% / 87% 77% 83% 73%}70%{border-radius:63% 77% 86% 64% / 85% 78% 72% 75%}}@keyframes circleFx{0%,100%{transform:translate(-5%, 3%) scale(1.02);border-radius:26% 74% 61% 39% / 54% 67% 33% 46%;opacity:.4}10%{transform:translate(5%, 1%) scale(1.1);opacity:.2;border-radius:74% 26% 47% 53% / 68% 46% 54% 32%}30%{transform:translate(-7%, -3%);opacity:.4;border-radius:48% 52% 30% 70% / 27% 37% 63% 73%}50%{transform:translate(0%, -5%) scale(1.2);opacity:.2;border-radius:73% 27% 57% 43% / 28% 67% 33% 72%}70%{transform:translate(6%, 3%) scale(1.13);opacity:.3;border-radius:63% 37% 56% 44% / 25% 28% 72% 75%}90%{transform:translate(-6%, -1%);opacity:.1;border-radius:39% 61% 70% 30% / 61% 29% 71% 39%}}button{background:#EABE7C;border:0;border-radius:3px}#start{width:80px;height:80px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;margin-left:74px;border:0;background:transparent;box-sizing:border-box;width:0;height:74px;border-color:transparent transparent transparent #5168A7;transition:.15s all ease-in-out;cursor:pointer;border-style:solid;border-width:37px 0 37px 60px}#start.pause{border-style:solid;border-width:0 0 0 75px;margin-left:65px}#start:hover{border-color:transparent transparent transparent #6279B8}#stop{position:absolute;bottom:0;right:0}.openinfo{display:block;position:absolute;top:250px;left:68px;text-align:center;font-family:'Staatliches';font-size:2em;color:#AECFDF;opacity:.5}.info{display:block;position:absolute;top:300px;left:-165px;width:550px;padding:30px;margin:0 auto;background:#AECFDF99;opacity:1;visibility:visible;transition:opacity .7s ease-in-out}.info.hidden{visibility:hidden;opacity:0}.info a{color:#000;font-weight:bold}.info h6{font-weight:bold;margin-bottom:0}.dropscanvas{position:fixed;width:100%;height:100%;overflow:hidden}.dropscanvas .drop{position:absolute;top:10%;left:10%;width:15px;height:15px;border:#AECFDF00 2px solid;border-radius:900px;animation-name:ripple;animation-duration:9s;animation-iteration-count:1;filter:blur(3px)}.dropscanvas .drop.piano{border-color:#5e737d00;border-width:3px;animation-name:ripplepiano;animation-duration:12s}.dropscanvas .drop.piano:after{top:-3px;left:-3px;border-color:#5e737d00;border-width:3px;animation-name:ripplepiano-2;animation-duration:13.5s}.dropscanvas .drop:after{content:'';position:absolute;top:-2px;left:-2px;width:15px;height:15px;border:#9DBECE00 1px solid;border-radius:900px;animation-name:ripple-2;animation-duration:10s;animation-iteration-count:1}.dropscanvas .note{position:absolute;left:0;width:100%;height:20%;background:linear-gradient(rgba(81,104,167,0) 10%, rgba(81,104,167,0.133333) 50%, rgba(81,104,167,0) 90%);animation-name:note;animation-duration:14s;animation-iteration-count:1;transition:all 1s ease-in-out}@keyframes note{0%{transform:scale(1);opacity:0}20%{transform:scale(1.1);opacity:.8}78%{transform:scale(1.4);opacity:.5}85%{transform:scale(0.9);opacity:0}100%{transform:scale(1);opacity:0}}@keyframes ripple{0%{transform:scale(1);border-color:#AECFDF00;filter:blur(10px)}10%{border-color:#AECFDFbb;filter:blur(1px)}100%{transform:scale(6);border-color:#AECFDF00;filter:blur(20px)}}@keyframes ripple-2{0%{border-color:#9DBECE00;transform:scale(1);opacity:1}10%{border-color:#9DBECEaa}100%{border-color:#9DBECE00;transform:scale(6);opacity:0}}@keyframes ripplepiano{0%{transform:scale(1);border-color:#443d7800;filter:blur(10px)}10%{border-color:#443d78dd;filter:blur(1px)}100%{transform:scale(6);border-color:#443d7800;filter:blur(20px)}}@keyframes ripplepiano-2{0%{border-color:#443d7800;transform:scale(1);opacity:1}10%{border-color:#443d78dd;transform:scale(1)}100%{border-color:#443d7800;transform:scale(8);opacity:0}}.share{display:block;width:24px;height:24px;position:fixed;bottom:5px;right:5px}.share:after{content:'share';position:absolute;top:-35px;right:0;padding:3px 10px;background:rgba(174,207,223,0.0666667);border:1px solid rgba(174,207,223,0.8);border-radius:10px;color:rgba(174,207,223,0.8);font-family:'Staatliches';font-size:1em;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.share:hover:after{visibility:visible;opacity:1}.share.copied:after{content:'copied';opacity:1}.time{position:fixed;bottom:5px;right:35px;font-size:1em;color:rgba(174,207,223,0.6);font-family:'Staatliches'}#tag{display:block;font-family:Courier New, Courier, Monospace;font-weight:bold;line-height:.65em;color:rgba(174,207,223,0.6);position:fixed;bottom:5px;left:5px;transition:all .2s ease-in-out}#tag:hover{color:rgba(174,207,223,0.8)}.wavescontainer{position:fixed;width:100%;height:100%;z-index:-1}.wavescontainer:after{content:'';position:fixed;bottom:0;left:0;width:100%;height:32%;background:#5168A7}.waves{position:relative;width:100%;height:200px;margin-bottom:-7px;margin-top:133px}.parallax>use{animation:move-forever 75s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite}.parallax>use:nth-child(1){animation-delay:-32s;animation-duration:87s}.parallax>use:nth-child(2){animation-delay:-83s;animation-duration:105s}.parallax>use:nth-child(3){animation-delay:-59s;animation-duration:83s}.parallax>use:nth-child(4){animation-delay:-65s;animation-duration:147s}@keyframes move-forever{0%{transform:translate3d(-90px, 0, 0)}100%{transform:translate3d(85px, 0, 0)}}@media (max-width: 768px){.waves{height:40px;min-height:40px}}