body{margin:0;height:100vh;width:100vw;font-family:monospace;font-weight:100;background:#000;color:#ccc;overflow-x:hidden;overflow-y:hidden;overscroll-behavior:none}#three-js-canvas{position:fixed;z-index:2;top:0;left:0;width:100%;height:100%}#css-3d-canvas{position:fixed;z-index:3;top:0;left:0;pointer-events:none;touch-action:none}#video-background{position:fixed;top:0;left:0;height:100%;z-index:-1;visibility:hidden}#page-overview-container{position:fixed;left:0;top:0;padding:max(2%,20px);max-width:max(40%,400px);gap:15px;z-index:10;display:flex;flex-direction:column}#page-about-button-container{position:fixed;right:0;top:0;margin:20px;max-width:max(40%,400px);z-index:10;font-size:3vh;cursor:pointer;background-color:transparent;color:#ccc;transition:all .2s ease-out}@media all and (max-width: 600px){#page-about-button-container{right:auto;top:auto;left:0;bottom:0}}#page-about-button-container:hover{background-color:#ccc;color:#232323}#page-overview-title{font-size:3vh}#page-overview-description{font-size:1.8vh}#page-overview-category-container{display:inline-block;font-size:1.5vh}.page-overview-categories{display:inline-block;box-sizing:border-box;padding:3px;border:1px solid yellow;border-radius:3px;background-color:transparent;cursor:pointer;transition:all .2s ease-out}.page-overview-categories:hover,.page-overview-categories-on{background-color:#ff0;color:#000}.temp-pop-up{position:fixed;left:50%;bottom:20vh;font-size:2vh;width:fit-content;padding:10px;background:#000c;border-radius:10px;z-index:99;transform:translate(-50%);opacity:1;transition:all .5s ease-out}.temp-pop-up-end{opacity:0;transform:translate(-50%) translateY(200%)}