@import"https://fonts.googleapis.com/css2?family=Sono&display=swap";html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%}canvas{width:100%;height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#fff;border:1px solid white;border-radius:5rem}.Overlay{position:absolute;z-index:1;top:0;right:0;margin:20px}.logo{position:absolute;display:block;z-index:1;bottom:0;left:0;margin:10px;font-family:Sono,sans-serif;color:#fff;font-size:12px}.logo>span{pointer-events:none}a{text-decoration:none;color:#fff;position:relative}a:before{background-color:#fff;content:"";display:inline-block;height:1px;margin-right:10px;transition:all .5s cubic-bezier(.25,.8,.25,1);width:.7rem}a:hover:before{background-color:#fff;width:3rem}.switch{font-size:17px;position:relative;display:inline-block;width:55px;height:26px;cursor:pointer}.switch .input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccabcf;transition:.4s;border-radius:30px}.slider:before{position:absolute;content:"";height:20px;width:25px;border-radius:20px;left:2px;bottom:4px;z-index:2;background-color:#e8e8e8;transition:.4s}.sun svg{position:absolute;top:2px;left:32px;z-index:1;width:20px;height:20px}.moon svg{fill:#ceeaff;position:absolute;top:3px;left:3px;z-index:1;width:20px;height:20px}.sun svg{animation:rotate 15s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.moon svg{animation:tilt 5s linear infinite}@keyframes tilt{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.input:checked+.slider{background-color:#1f3042}.input:checked+.slider:before{transform:translate(26px)}