@font-face{font-family:Monterio;src:url(/assets/MonterioBold.20789565.woff2) format("woff2"),url(/assets/MonterioBold.0e847c1a.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Monterio;src:url(/assets/MonterioLight.82a09059.woff2) format("woff2"),url(/assets/MonterioLight.60567bd4.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Monterio;src:url(/assets/MonterioRegular.cee88e86.woff2) format("woff2"),url(/assets/MonterioRegular.a9749106.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Monterio;src:url(/assets/MonterioSemibold.f9ac768a.woff2) format("woff2"),url(/assets/MonterioSemibold.7a3c8d0c.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}*{margin:0%;padding:0%;background-color:transparent}html,body{overflow:hidden;cursor:grab}.cursor{position:absolute;z-index:100;border-radius:50%;transition-duration:50ms;transition-timing-function:ease-out;pointer-events:none}.cursor img{width:48px;height:69px}.grabbing{cursor:grabbing}.expand{animation:cursorAnim3 .5s forwards}@keyframes cursorAnim3{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1);opacity:0}}.hero{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:space-between;position:relative}.webgl{position:fixed;top:0;left:0;outline:none}.loadingContainer{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-around;z-index:30;background:#202020}.loadingContainer.ended{display:none;transition:.5s ease-in-out}.topLoading{display:flex;flex-direction:column;align-items:center}.topLoading img{width:38px;height:38px}.topLoading h1{font-family:Monterio;font-style:normal;font-weight:600;font-size:32px;line-height:29px;color:#fff;margin-top:18px}.topLoading h2{font-family:Monterio;font-style:normal;font-weight:600;font-size:48px;line-height:43px;color:#fff;margin-top:18px}.midLoading{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.midLoading img{position:absolute;z-index:20}.bottomLoading{width:100%;display:flex;justify-content:center}.bottomLoading a{font-family:Monterio;font-style:normal;font-weight:600;font-size:20px;line-height:18px;color:#fff;text-decoration:none;padding-top:8px;padding-bottom:8px;cursor:pointer}.circularprogress{position:absolute;height:150px;width:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.SuratoneLogo{width:147px;height:147px;border-radius:50%;align-items:center;justify-content:center;background-color:#202020;animation:ring 2s linear infinite}@keyframes ring{0%{transform:rotate(0);box-shadow:1px 1.5px 2px #fff}50%{transform:rotate(180deg);box-shadow:1px 1.5px 2px #fff}to{transform:rotate(360deg);box-shadow:1px 1.5px 2px #fff}}.SuratoneLogo:before{position:absolute;content:"";left:0;top:0;height:100%;width:100%;border-radius:50%;box-shadow:0 0 5px #ffffff4d}.progress-value{font-family:Monterio;font-style:normal;font-weight:700;font-size:32px;line-height:29px;color:#fff;margin-top:8px}.point{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:20px;height:20px}.point .label{position:absolute;top:-20px;left:-20px;width:12px;height:12px;border-radius:50%;background:#ffffff;box-shadow:0 0 0 3px #d1c9cb,0 0 3px #d1c9cb,0 0 3px #d1c9cb;cursor:pointer;align-items:center;justify-content:flex-end}.labelLine{position:absolute;width:2px;height:24px;top:-15px;left:-15px;background-image:linear-gradient(to bottom,#ffffff,#ffffff05)}.upContainer{display:flex;flex-direction:row;justify-content:space-between;margin:25px 50px;z-index:5}.menu{display:flex;flex-direction:row}.linemenu{width:2px;height:100%;background-image:linear-gradient(white,#ffffff10)}.menubtn{margin-left:8px;width:40px;display:flex;flex-direction:column;cursor:pointer;font-family:Monterio;font-style:normal;font-weight:700;font-size:32px;line-height:28.8px;color:#fff;text-align:justify;transition:.3s ease-in-out;background:transparent;border:none}.music{display:flex;flex-direction:column;cursor:pointer}.music span:nth-child(1){background:#FFFFFF;width:40px;height:2px;transform:translateY(20px) rotate(45deg);transition:.2s ease-in-out}.music.active span:nth-child(1){width:0px;transition:.2s ease-in-out;transform:translateY(0) rotate(0)}.container{width:100%;display:none;position:relative;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1%;z-index:5;animation:scaleAnimate-in 1s ease-in-out}@keyframes scaleAnimate-in{0%{opacity:0%}to{opacity:100%}}.mainView{width:90%;display:flex;justify-content:flex-end}.btn{border:1px solid #ffffff;padding:17px 22px;border-radius:8px;cursor:pointer;font-family:Monterio;font-style:normal;font-weight:700;font-size:24px;line-height:22px;color:#fff;transition:.3s ease-in-out}.btn:hover{color:#ffffff80;border:1px solid #FFffff80}.name{display:flex;width:80%;height:70px;flex-direction:row;justify-content:space-around;align-items:center}.button{width:148px;font-family:Monterio;font-style:normal;font-weight:400;font-size:20px;line-height:18px;text-align:center;color:#fff;transition:.5s ease-in-out;outline:none;cursor:pointer;background-color:transparent;border:none}.buttonClick{width:168px;font-family:Monterio;font-style:normal;font-weight:600;font-size:32px;line-height:29px;text-align:center;color:#fff}.filer{display:flex;width:90%;height:7px;margin-top:18px;border:1px solid #ffffff;border-radius:2px;justify-content:space-around;align-items:center}.subfiler{display:flex;width:90%;flex-direction:row;justify-content:space-around;align-items:center}.file{width:116px;border:4px solid white;display:none}.num{display:flex;width:80%;flex-direction:row;justify-content:space-around;align-items:center}.numnav{display:flex;flex-direction:column;align-items:center}.line{width:2px;height:30px;background-image:linear-gradient(white,#ffffff05)}.subnum{font-family:Monterio;font-style:normal;font-weight:400;font-size:24px;line-height:22px;color:#fff}.aboutContainer{position:fixed;left:10vw;top:8vh;width:80%;border:1px solid #FFFFFF;border-radius:8px;background:rgba(217,217,217,.2);backdrop-filter:blur(20px);z-index:10;display:none;animation:scaleAnimate-in 1s ease-in-out}@keyframes scaleAnimate-out{0%{opacity:100%}to{opacity:0%}}#toggleBtn{animation:scaleAnimate-in 2s ease-in-out}.about{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:transparent;padding:50px 105px;height:73vh}.about1{display:flex;flex-direction:column;align-items:flex-start;background:transparent}.about1 h1{font-family:Monterio;font-style:normal;font-weight:600;font-size:36px;line-height:32px;color:#fff;background:transparent}.about1 p{font-family:Monterio;font-style:normal;font-weight:600;font-size:32px;line-height:33px;color:#fff;background:transparent;margin-top:24px}.update{display:flex;flex-direction:row;background:transparent;margin-top:40px;align-items:center}.update h2{font-family:Monterio;font-style:normal;font-weight:600;font-size:36px;line-height:32px;color:#fff;background:transparent}.update a{background:transparent}.twitt{width:40px;height:32px;background:transparent;margin-left:89px}.insta{width:32px;height:32px;background:transparent;margin-left:40px}.playstore{width:28px;height:32px;background:transparent;margin-left:56px}.apple{width:26px;height:32px;background:transparent;margin-left:48px}.update h3{font-family:Monterio;font-style:normal;font-weight:600;font-size:24px;line-height:22px;color:#fff;background:transparent;margin-left:32px}.about2{display:flex;flex-direction:column;align-items:center;background:transparent}.about2 h4{font-family:Monterio;font-style:normal;font-weight:600;font-size:32px;line-height:29px;color:#fff;background:transparent;margin-bottom:32px}.about2 a{display:flex;flex-direction:row;align-items:center;background:transparent;text-decoration:none;margin-bottom:8px}.about2 p{font-family:Monterio;font-style:normal;font-weight:600;font-size:24px;line-height:22px;color:#fff;background:transparent}.about2 img{width:20px;height:20px;background:transparent;margin-left:8px}.hide{display:none}.show{display:flex}.top-right-buttons{position:absolute;top:25px;right:50px;display:flex;gap:25px;z-index:10}.top-right-buttons button{background-color:transparent;border:none;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:Monterio,sans-serif;font-size:24px;color:#fff;transition:opacity .3s}.top-right-buttons button:hover{opacity:.7}.top-right-buttons button i{font-size:24px}@media (max-width: 768px){.top-right-buttons button span{display:none}.top-right-buttons{right:20px;gap:15px}}