html,body{margin:0;padding:0;overflow:hidden}canvas{display:block;width:100vw;height:100vh;position:absolute}#cursorLabel{position:absolute;color:#fff;font-size:12px;display:none;z-index:1000}#logo-container{position:fixed;left:0%;bottom:3%;width:20vw;height:auto;z-index:10}#logo-container img{width:100%;height:auto}#navbar{display:flex;justify-content:space-evenly;align-items:center;background-color:#131516;padding:0;position:fixed;width:100%;top:-10vh;z-index:1001;height:10vh;transition:top .5s ease}#navbar a{color:#fff;text-decoration:none;font-size:16px;padding:10px 15px;height:100%;display:flex;align-items:center}#navbar a:hover{color:#a9a9a9}#toggleNavbar{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:1002;background:none;border:none;color:#000;font-size:38px;cursor:pointer;padding:0;background-color:#fff;width:50px;height:auto}@media only screen and (max-width: 768px){#logo-container{width:50vw;bottom:5%}#navbar{height:15vh}#navbar a{font-size:14px}canvas{width:100vw;height:100vh}#cursorLabel{font-size:10px}#toggleNavbar{font-size:30px;height:50px}}#logo-container,#toggleNavbar{opacity:0;transition:visibility 0s,opacity 3s ease}#logo-container.visible,#toggleNavbar.visible{opacity:1}