#controls_container{position:fixed;bottom:20px;right:20px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:8px;display:flex;flex-direction:row-reverse;-moz-column-gap:11px;column-gap:11px;border:2px solid rgba(255,255,255,.3);border-radius:14px;background:#f0f5fa66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 30px #0000001a;z-index:99}.control_item{position:relative}.control_item .button{box-sizing:border-box;width:40px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;background:#f0f5fa66;filter:drop-shadow(-5px -5px 4px #FFFFFFB8) drop-shadow(5px 5px 4px #0000004D)}.control_item:hover .button{transform:rotateX(calc((var(--ratio-y)) * 60deg)) rotateY(calc((var(--ratio-x)) * -60deg)) translate(calc((var(--ratio-x)) * 20%)) translateY(calc((var(--ratio-y)) * 20%)) scale(1.05)}.control_item:active .button{transform:scale(.9)}.control_item .tooltip{visibility:hidden;position:absolute;opacity:0;left:50%;transform:translate(-50%);bottom:44px;padding:2px 5px;font-size:1rem;white-space:nowrap;background-color:#5f6368;border-radius:5px;color:#fff;transition:.3s ease}.control_item:hover .tooltip{visibility:visible;opacity:.83}#navigation{width:100%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;color:#fff}#navigation .home_item{width:100%;height:2.7em;font-size:1.5em;padding:.2rem .8rem;display:flex;justify-content:center;align-items:center}#navigation .home_item:hover{background-color:#fff3;text-decoration:underline}#navigation svg{fill:#fff;width:15px;height:15px;rotate:30deg;margin:10px}#navigation>ul{width:100%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center}.navigation_item{width:100%;box-sizing:border-box;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;padding:.5rem .8rem}.navigation_item:hover{background-color:#fff3}.navigation_item>.category_container{display:flex;-moz-column-gap:10px;column-gap:10px;font-size:.9rem}.navigation_item>a{font-size:1.2em}.navigation_item a:hover{text-decoration:underline}.navigation_line{border-top:2px solid rgba(255,255,255,.25);width:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#menubar{position:fixed;top:20px;left:20px;bottom:20px;background:#f0f5fa66;border-radius:14px;box-shadow:0 4px 30px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.3);display:flex;flex-direction:column;transition:.2s all ease;height:calc-size(auto,size);width:304px;z-index:99}#menubar.close{height:54px;width:54px}#menubar_container{position:relative;height:auto;display:flex;flex-direction:column;padding:20px;margin-top:10px;bottom:20px;width:300px}#menubar_container.close{padding:0;margin:0;visibility:hidden;height:0;width:0}#hamburger_button{position:relative;top:0;left:0;width:50px;height:50px;min-height:50px;display:flex;align-items:center;justify-content:center}