.canvas-container{position:absolute;width:50%;height:50%;top:50%;left:50%;border-radius:25px;transform:translate(-50%,-50%);overflow:hidden;z-index:1;transition:1.5s ease-in-out height,1.5s ease-in-out width,1.5s ease-in-out border,2s ease-in-out border-radius,1.5s ease-in-out box-shadow;border:2px solid var(--color-4);box-shadow:0 0 30px 4px var(--opacity-color-4)}.canvas-container.grow{width:100%;height:100%;border-radius:0;border:none;box-shadow:none}.myCanvas,#wasmCanvas{position:absolute;background:#000;width:100%;height:100%}.CircleButton1.Animate{opacity:1;pointer-events:auto}.CircleButton1:not(.Animate){opacity:0;pointer-events:none}.canvasBtnContainer{position:absolute;bottom:0;right:var(--btn-container-right, 0);left:var(--btn-container-left, auto);width:25vh;height:25vh;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);direction:rtl;transform:rotate(180deg);z-index:10;gap:0px}.CircleButton{transform:rotate(180deg);display:grid;place-items:center;width:100%;height:100%;background-color:var(--btn-bg-color, #0a0a0a);color:var(--btn-color, var(--Amber));font-size:1.5rem;opacity:0;pointer-events:none;cursor:pointer;transition:opacity 1.5s ease-in-out;-webkit-user-select:none;user-select:none;margin:0;padding:5px}.canvasBtnContainer.left{right:auto;left:0}.canvasBtnContainer.right{right:0;left:auto}.CircleButton.red{color:var(--color-5)}.CircleButton.purple{color:var(--color-4)}.CircleButton.Animate{opacity:1;pointer-events:auto}.CircleButton:not(.Animate){opacity:0;pointer-events:none}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}@keyframes FadeOut{0%{opacity:1}to{opacity:0}}#rainCanvas{background:#000;position:absolute;width:100%;height:100%;top:0;left:0}#lightningCanvas{position:absolute;width:100%;height:100%;top:0;left:0}@keyframes Flash{0%{background-color:hsla(var(--HUE),50%,30%,.5)}10%{background-color:hsla(var(--HUE),50%,60%,.6)}20%{background-color:hsla(var(--HUE),50%,45%,.5)}30%{background-color:hsla(var(--HUE),50%,60%,.6)}40%{background-color:hsla(var(--HUE),50%,45%,.5)}50%{background-color:hsla(var(--HUE),50%,30%,.5)}60%{background-color:hsla(var(--HUE),50%,60%,.6)}70%{background-color:hsla(var(--HUE),50%,45%,.5)}80%{background-color:hsla(var(--HUE),50%,30%,.5)}90%{background-color:hsla(var(--HUE),50%,60%,.6)}to{background-color:hsla(var(--HUE),50%,30%,.5)}}.Background{position:absolute;width:100%;height:100%;z-index:-1}.header-container{z-index:500;width:100%;height:20vh;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.sacrifice-container{position:relative;width:25vw;height:100%;display:flex;justify-content:center;align-items:center;right:8%}.eye-container{position:relative;width:25vw;height:100%;display:flex;justify-content:center;align-items:center;z-index:999;transition:opacity .8s ease-in-out}.eye-container.grow{opacity:0}.play-container{position:relative;width:25vw;height:100%;display:flex;justify-content:center;align-items:center;left:8%}.play-element-container{position:relative;width:20rem;height:40%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;z-index:5;background-color:var(--color-2);border-radius:50px}.play-pause{box-sizing:border-box;margin:0 7.5px;position:relative;display:flex;justify-content:center;align-items:center;height:85%;width:50%;border-radius:50px;z-index:2;background-color:var(--color-1);transition:transform .5s cubic-bezier(.4,0,.2,1),background-color 1s cubic-bezier(.4,0,.2,1)}.play-pause svg{width:100%;height:100%;color:var(--color-4)}.play-text{box-sizing:border-box;margin:0 7.5px;position:relative;height:85%;width:50%;border-radius:50px;display:flex;color:var(--color-4);justify-content:center;align-items:center;font-size:2rem;z-index:1;transition:transform .5s cubic-bezier(.4,0,.2,1)}.play-pause.Active{transform:translate(10rem)}.play-text.Active{transform:translate(-10rem)}.link-container{position:absolute;width:25vw;height:100%;display:flex;justify-content:center;align-items:center;top:0;right:0}.links{position:relative;width:60%;height:35%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:2rem}.links a{text-decoration:none;color:var(--color-4);margin:20px}.button-container{position:absolute;width:25vw;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;top:0;left:0}.panel{width:65%;height:45%;display:flex;justify-content:center;align-items:center;flex-direction:column}.panel-item{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;width:fit-content;height:20%;margin:10px;border-radius:50px;cursor:pointer}.panel-item h1{font-size:2rem;font-weight:600;color:var(--color-4)}.Highlight{position:absolute;width:100%;height:100%;background-color:var(--color-2);border-radius:50px;z-index:-1;transition:transform .5s cubic-bezier(0,.85,.82,.99),width .8s ease-in-out,background-color .8s ease-in-out}.Highlight.Active1{transform:translateY(0)}.Highlight.Active2{transform:translateY(calc(100% + 20px))}.Highlight.Active3{transform:translateY(calc(200% + 40px))}.Highlight.Active4{transform:translateY(calc(300% + 60px))}.mobile-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;min-height:80vh;border-radius:50px;background-color:var(--color-2);border:2px solid var(--color-4);padding:25px}.mobile-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;background:linear-gradient(315deg,var(--color-5) 0%,transparent 100%);opacity:.08;pointer-events:none}.mobile-container h1{font-size:20rem;width:auto;padding:15px;color:var(--color-5);text-shadow:0 0 25px var(--opacity-color-5);text-align:center;float:left;shape-outside:circle(50%)}.mobile-container p{font-size:4.5rem;font-family:sans-serif;color:#fff}@media (max-width: 500px){.mobile-container h1{font-size:17.5rem}.mobile-container p{font-size:3.5rem}}body{font-size:16px;overflow:hidden;margin:0;padding:0;background-color:var(--color-1);font-family:Protest Revolution,sans-serif}:root{--color-1: #0d0e20;--color-2: #161836;--color-3: #1e2048;--color-4: #471ca8;--color-5: #6bd425;--opacity-color-4: rgba(71, 28, 168, .5);--opacity-color-5: rgba(107, 212, 37, .5)}@media (min-width: 2000px){html{font-size:20px}}@media (max-width: 1500px){html{font-size:13px}}@media (max-width: 1300px){html{font-size:11px}}@media (max-width: 1000px){html{font-size:9px}}@media (max-width: 600px){html{font-size:7px}}