html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%}canvas{touch-action:none}.htmlScreen iframe{position:relative;width:1010px;height:665px;border:none;border-radius:20px;background-color:#000}@font-face{font-family:Canopee;src:url(../fonts/Canopee.ttf) format("truetype")}@font-face{font-family:Brier-Regular;src:url(../fonts/Brier-Regular.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100vh;overflow:hidden}.container{width:100%;height:100vh;background:linear-gradient(109.6deg,rgb(245,239,249) 30.1%,rgb(207,211,236) 100.2%);overflow:hidden}.blocks{width:100%;height:100vh}.block{position:fixed;width:50%;height:100vh;z-index:0;background-color:#1a1a1a}.block-left{left:0}.block-right{right:0}.letter{position:absolute;z-index:10;padding:0 .2em;font-size:8em;opacity:0}.row{width:100%;height:50vh}.top-left,.top-right,.bottom-right{position:absolute;z-index:10}.top-left{top:32%;left:32%}.top-right{top:32%;right:32%}.bottom-right{bottom:12%;right:32%}.loading{z-index:10;color:#fff;top:32%;right:40%;opacity:1;position:absolute}.lText{font-size:20px;font-weight:500;margin-top:20px;white-space:nowrap;font-family:Brier-Regular}.lAnimated{letter-spacing:20px;font-size:44px;font-family:Canopee;font-weight:800;text-align:center}.lAnimated span{margin:0 -.05em}.lAnimated span{animation:loading 1.2s infinite alternate}.lAnimated span:nth-child(2){animation-delay:.2s}.lAnimated span:nth-child(3){animation-delay:.4s}.lAnimated span:nth-child(4){animation-delay:.6s}.lAnimated span:nth-child(5){animation-delay:.8s}.lAnimated span:nth-child(6){animation-delay:1s}.lAnimated span:nth-child(7){animation-delay:1.2s}.hide{opacity:0;pointer-events:none}.none{pointer-events:none}.button{z-index:1;position:absolute;top:40%;right:38%;appearance:none;background-image:linear-gradient(to right,#E0EAFC 0%,#CFDEF3 51%,#E0EAFC 100%);background-size:200% auto;box-shadow:0 0 20px #eee;border:none;border-radius:15px;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:16px;font-weight:600;line-height:normal;margin:0;min-height:60px;min-width:0;outline:none;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);user-select:none;-webkit-user-select:none;touch-action:manipulation;width:30em;will-change:transform;animation:bouncy 4s infinite linear}.button:disabled{pointer-events:none}.button:hover{background-position:right center;color:#fff;text-decoration:none;animation-play-state:paused}.duck{width:200px}.dj{right:30%;width:200px;transform:scaleX(-1)}.weird{position:absolute;width:150px}@media (max-width:1200px){.button{right:27%}.weird{width:100px}.duck,.dj{width:150px}.loading{top:32%;right:30%}}@media (max-width:950px){.button{right:27%;width:25em}.weird{width:90px}.duck{width:120px}.dj{top:-5%;width:120px}}@media (max-width:700px){.button{right:25%;width:15em}.dj{width:110px}.weird{left:-15%}.duck{width:100px}.loading{top:32%;right:17%}}@keyframes bouncy{0%{top:40%}40%{top:40%}43%{top:36%}46%{top:40%}48%{top:38%}50%{top:40%}to{top:40%}}@keyframes loading{0%{filter:blur(0);opacity:1}to{filter:blur(5px);opacity:.2}}