*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Poppins,sans-serif;overflow-x:hidden}body{background-color:#000;height:400vh}.webgl{pointer-events:none;z-index:0;width:100vw;height:100dvh;position:fixed;top:0;left:0}a{all:unset}.tooltip{text-align:center;color:#fff;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:5px 0;font-family:sans-serif;font-size:12px;transition:all .3s;display:flex;position:absolute;bottom:-100px;left:0}.items{z-index:-1;justify-content:center;width:60px;height:60px;margin:auto;display:flex;position:fixed;inset:0}.menu-item-head{color:#fff;text-align:center;background:#fff0;place-content:center;align-items:center;width:160px;height:60px;padding:0;font-size:16px;line-height:80px;transition:transform .2s ease-out;display:flex;position:absolute;transform:translate(0,0)}.menu-item{color:#000;text-align:center;background:#eee;border-radius:100%;place-content:center;align-items:center;width:60px;height:60px;padding:0;line-height:80px;transition:transform .2s ease-out;display:flex;position:absolute;overflow:hidden;transform:translate(0,0)}.menu-open-button{color:#fff;text-align:center;background:#eee;border-radius:100%;width:60px;height:60px;margin-left:-40px;line-height:80px;transition:transform .2s ease-out;position:absolute;transform:translate(0,0)}.menu-open{display:none}.lines{background:#596778;width:25px;height:3px;margin-top:-1.5px;margin-left:-12.5px;transition:transform .2s;display:block;position:absolute;top:50%;left:50%}.line-1{transform:translateY(-8px)}.line-2{transform:translate(0,0)}.line-3{transform:translateY(8px)}.menu-open:checked~.menu .menu-open-button .line-1{transform:translate(0,0)rotate(45deg)}.menu-open:checked~.menu .menu-open-button .line-2{transform:translate(0,0)scaleX(.1)}.menu-open:checked~.menu .menu-open-button .line-3{transform:translate(0,0)rotate(-45deg)}.menu{text-align:center;box-sizing:border-box;width:60px;height:60px;margin:10px;font-size:26px;position:fixed;top:0;right:0}.menu-item{transition:all .1s}.menu-item:hover{color:#3290b1;background:#eee;scale:.95}.menu-item:hover .tooltip{bottom:0}.menu-item:nth-child(3),.menu-item:nth-child(4),.menu-item:nth-child(5),.menu-item:nth-child(6),.menu-item:nth-child(7),.menu-item:nth-child(8),.menu-item:nth-child(9){transition-duration:.18s}.menu-open-button{z-index:2;cursor:pointer;transition-duration:.4s;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transform:scale(1.1)translate(0,0);box-shadow:3px 3px #00000024}.menu-open-button:hover{transform:scale(1.2)translate(0,0)}.menu-open:checked+.menu-open-button{transition-duration:.2s;transition-timing-function:linear;transform:scale(.8)translate(0,0)}.menu-open:checked~.items{z-index:4}.menu-open:checked~.webgl{filter:blur(5px)}.menu-open:checked~.items .menu-item{transition-timing-function:cubic-bezier(.935,0,.34,1.33)}.menu-open:checked~.items .menu-item:nth-child(2){transition-duration:.18s;transform:translateY(-100px)}.menu-open:checked~.items .menu-item:nth-child(3){transition-duration:.18s;transform:translate(78px,-62px)}.menu-open:checked~.items .menu-item:nth-child(4){transition-duration:.28s;transform:translate(97px,22px)}.menu-open:checked~.items .menu-item:nth-child(5){transition-duration:.38s;transform:translate(43px,90px)}.menu-open:checked~.items .menu-item:nth-child(6){transition-duration:.48s;transform:translate(-43px,90px)}.menu-open:checked~.items .menu-item:nth-child(7){transition-duration:.58s;transform:translate(-97px,22px)}.menu-open:checked~.items .menu-item:nth-child(8){transition-duration:.68s;transform:translate(-78px,-62px)}.blue{text-shadow:1px 1px #0000001f;background-color:#669ae1;box-shadow:3px 3px #00000024}.green{text-shadow:1px 1px #0000001f;background-color:#70cc72;box-shadow:3px 3px #00000024}.red{text-shadow:1px 1px #0000001f;background-color:#fe4365;box-shadow:3px 3px #00000024}.pink{text-shadow:1px 1px #0000001f;background-color:#ee8fec;box-shadow:3px 3px #00000024}.purple{text-shadow:1px 1px #0000001f;background-color:#c49cde;box-shadow:3px 3px #00000024}.orange{text-shadow:1px 1px #0000001f;background-color:#fc913a;box-shadow:3px 3px #00000024}.lightblue{text-shadow:1px 1px #0000001f;background-color:#62c2e4;box-shadow:3px 3px #00000024}.button-icon{cursor:pointer;z-index:-2;border:3px solid #fff;width:fit-content;height:fit-content;margin:auto;display:none;position:fixed;bottom:0;left:0;right:0}.icon{background-color:#fff;height:50px;padding:0 3px 0 0}.cube{transform-style:preserve-3d;width:200px;height:20px;transition:all .4s}.button-icon:hover{border-color:#fff}.button-icon:hover .cube{transform:rotateX(90deg)}.side{text-transform:uppercase;letter-spacing:.5px;justify-content:center;align-items:center;width:200px;height:47px;font-size:.8em;font-weight:700;display:flex;position:absolute}.top{color:#fff;background:#000;transform:rotateX(-90deg)translate3d(0,13.5px,2em)}.front{color:#fff;background:#000;transform:translateZ(1em)}#loading-screen{color:#fff;z-index:9999;background:#000;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1s;display:flex;position:fixed;inset:0}.loader{border:5px solid #444;border-top-color:#fff;border-radius:50%;width:60px;height:60px;margin-top:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}