body{margin:0}*{margin:0;padding:0}html,body{height:100vh;font-family:"Libre Barcode 39 Text",cursive;background:rgb(10,10,10);overflow-x:hidden}.webgl{position:fixed;top:0;left:0;outline:none}h1{font-size:10vw;text-transform:uppercase;color:#fff}#blocker{position:absolute;top:0px;left:0px;width:100%;height:100%}section{height:100vh}.introText{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);opacity:0%;font-size:5vh;width:fit-content;color:#fff;transition:all .5s ease-in-out}.introText.active{opacity:100%;transition:all .5s ease-in-out}.introText.active:hover{opacity:50%;transition:all .5s ease-in-out}.titles{position:absolute;display:grid;padding:20px;gap:1vh;width:fit-content;height:fit-content;top:0%;left:0%;justify-content:center;align-items:center;transition:all .5s ease-in-out}.title{mix-blend-mode:hard-light;opacity:100%;width:fit-content;height:fit-content;pointer-events:auto;opacity:0%;font-size:5vh;color:#fff;transition:opacity .25s;transition:all 1s ease-in-out}.blackAndWhite{position:absolute;opacity:75%;font-size:5vh;color:#fff;width:fit-content;height:fit-content;bottom:1%;right:2%;transition:all .5s ease-in-out}.blackAndWhite:hover{opacity:25%;transition:all .5s ease-in-out}.title.active{opacity:100%;transition:all 1s ease-in-out}.title.active:hover{opacity:50%;transition:opacity .25s}iframe{opacity:0%;transition:all .5s ease-in-out}iframe.active{opacity:100%;transition:all .5s ease-in-out}.navigation{position:absolute;display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:"nav nav nav nav nav";max-width:80vh;max-height:80vh;width:60%;bottom:2.5%;left:50%;transform:translate(-50%,-50%) scale(1);justify-content:center;align-items:center;transition:all .5s ease-in-out}.navigation .nav{height:3.5vh;width:7vh;border-radius:10%;margin:.75vh;font-family:roboto-condensed,sans-serif;color:#fff;background-color:null;outline:auto;mix-blend-mode:difference;transition:all .5s ease-in-out}.navigation .nav:hover{background-color:#fff}.navTitle{border-radius:10%;grid-template-areas:none;position:relative;text-align:center;font-size:2vh;opacity:0%;color:#fff;top:-100%;transition:all .5s ease-in-out}.navigation .nav:hover>.navTitle{opacity:100%;transition:all .5s ease-in-out}.progressContainer{display:flex;align-items:center;justify-content:center;position:absolute;width:100vw;height:100%;background-color:#000;color:#000;opacity:100%;left:0px;top:0px;mix-blend-mode:normal}.progressContainer.disabled{opacity:0%;pointer-events:none;transition:all .5s ease-in-out}.progress{position:absolute;background:rgb(53,53,53);border-radius:10px;width:50vw;height:1vh;z-index:100;opacity:100%;transition:all .5s ease-in-out}.progress__fill{width:60%;height:100%;background:white;border-radius:10px;opacity:100%;transition:all .5s ease-in-out}.progress .title{position:absolute;opacity:100%;width:fit-content;height:fit-content;pointer-events:auto;opacity:50%;top:100%;left:50%;transform:translate(-50%,50%);font-size:4vh;color:#fff;transition:opacity .25s;transition:all 1s ease-in-out}.progress.disabled{opacity:0%;pointer-events:none;transition:all .5s ease-in-out}