@font-face{font-family:mainpagefont;src:url(./ZenLoop-Regular-a5332eff.ttf)}.noSelect{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.noSelect:focus{outline:none!important}html,body{margin:0;width:100vw;height:100vh;padding:0;overflow:hidden;font-family:mainpagefont;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center}.webgl{width:100%;height:100%;padding:0;margin:0;filter:saturate(1.1);filter:contrast(1.05)}.soundbutton{position:fixed;width:70px;height:70px;border:none;border-radius:50%;font-family:mainpagefont;border:1px solid white;color:#f0f8ff;background:transparent;font-weight:bolder;font-size:larger;z-index:1;left:2%;bottom:3%;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;margin:0%;padding:0%}.soundbutton:hover{color:#bfecff;border-color:#bfecff;transform:scale(1.1);box-shadow:0 8px 16px #0003,0 12px 24px #00000030}.soundbutton:active{transform:scale(.95);box-shadow:0 4px 8px #0003}.popup{position:fixed;bottom:10%;left:31%;height:30%;width:40%;background:transparent;color:#fff;font-family:mainpagefont;font-size:70px;z-index:10;display:none;text-align:center;-webkit-user-select:none;user-select:none;animation:fadeIn .9s ease forwards}.popup2mini{font-family:mainpagefont;font-size:40px;padding-left:15px;padding-right:15px}.popup.active{display:inline-block}.popup{display:none}.popup.visible{display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}#loading-screen{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background-color:#6991be;opacity:1;transition:opacity 2s;margin:0%;padding:0%}#loading-screen.fade-out{opacity:0}.menu{text-transform:uppercase;font-family:mainpagefont;font-size:20px;color:#fffc;display:inline-block;cursor:pointer;pointer-events:none;position:absolute;top:25px;left:35px;z-index:1;font-weight:bolder}.menu:hover{color:#bfecff;pointer-events:all}.label{display:inline-block;cursor:pointer;pointer-events:all}.spacer{display:inline-block;width:80px;margin-left:15px;margin-right:15px;vertical-align:middle;cursor:pointer;position:relative}.spacer:before{content:"";position:absolute;border-bottom:1px solid #ffffff;height:1px;width:0%;transition:width .25s ease;transition-delay:.7s}.item{position:relative;display:inline-block;margin-right:30px;top:10px;opacity:0;transition:opacity .5s ease,top .5s ease;transition-delay:0}span{transition:color .5s ease}.item:hover span{color:#bfecff}.menu:hover .spacer:before{color:#bfecff;width:100%;transition-delay:0s}.menu:hover .item{color:#bfecff;opacity:1;top:0}.item:nth-child(1){transition-delay:.45s}.item:nth-child(2){transition-delay:.4s}.item:nth-child(3){transition-delay:.35s}.item:nth-child(4){transition-delay:.3s}.item:nth-child(5){transition-delay:.25s}.item:nth-child(6){transition-delay:.2s}.item:nth-child(7){transition-delay:.15s}.item:nth-child(8){transition-delay:.1s}.item:nth-child(9){transition-delay:.05s}.item:nth-child(10){transition-delay:0s}.menu:hover .item:nth-child(1){transition-delay:.25s}.menu:hover .item:nth-child(2){transition-delay:.3s}.menu:hover .item:nth-child(3){transition-delay:.35s}.menu:hover .item:nth-child(4){transition-delay:.4s}.menu:hover .item:nth-child(5){transition-delay:.45s}.menu:hover .item:nth-child(6){transition-delay:.5s}.menu:hover .item:nth-child(7){transition-delay:.55s}.menu:hover .item:nth-child(8){transition-delay:.6s}.menu:hover .item:nth-child(9){transition-delay:.65s}.menu:hover .item:nth-child(10){transition-delay:.7s}.cursor{position:fixed;width:50px;height:50px;border:1px solid #ebebeb;border-radius:50%;left:0;top:0;pointer-events:none;transform:translate(-50%,-50%);z-index:1;transition:.1s}.cursor2{position:fixed;width:8px;height:8px;background-color:#e8e6e6;border-radius:50%;left:0;top:0;pointer-events:none;transform:translate(-50%,-50%);z-index:1;transition:.15s}.menu:hover~.cursor{transform:translate(-50%,-50%) scale(1.5);opacity:.5}.menu:hover~.cursor2{opacity:0}.popup:hover~.cursor{transform:translate(-50%,-50%) scale(1.5);opacity:.5}.popup:hover~.cursor2{opacity:0}.soundbutton:hover~.cursor{transform:translate(-50%,-50%) scale(1.5);opacity:.5}.soundbutton:hover~.cursor2{opacity:0}@media screen and (max-width: 768px){.popup{font-size:40px;bottom:15%;left:30%}.soundbutton{height:45px;width:45px;font-size:small;left:5%}.popup2mini{font-size:30px}.menu{font-size:15px;top:20px;left:25px}.item{margin-right:5px}.cursor,.cursor2{display:none}.popup{white-space:nowrap;width:300px;left:8%}.popup2mini{position:relative;font-size:25px;width:300px;height:40px;left:-4%;display:flex;align-items:center;justify-content:center;text-align:center}}
