*{margin:0;padding:0;box-sizing:border-box}body,html{overflow:hidden;font-family:Poppins,sans-serif}.webgl{position:absolute;top:0;left:0;z-index:1}nav{color:#fff;z-index:2;position:relative;padding:4rem 8rem;display:flex;justify-content:space-between}nav a{text-decoration:none;color:#fff;font-size:1.5rem;font-weight:700}nav a:hover{text-shadow:0 0 10px white}nav ul{display:flex;list-style:none;gap:4rem;cursor:pointer}nav li:hover{text-shadow:0 0 10px white}.title{color:#fff;z-index:2;position:absolute;font-size:3rem;left:50%;top:75%;transform:translate(-50%,-50%)}.loader-wrapper{width:100%;height:100vh;position:absolute;top:0;background-color:#000;z-index:3;pointer-events:none}.loader-container{display:flex;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);gap:16px;align-items:center}.loader{display:inline-block;width:30px;height:30px;border:4px solid #Fff;animation:loader 2s infinite ease}.loader-inner{vertical-align:top;display:inline-block;width:100%;background-color:#fff;animation:loader-inner 2s infinite ease-in}@keyframes loader{0%{transform:rotate(0)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}to{transform:rotate(360deg)}}@keyframes loader-inner{0%{height:0%}25%{height:0%}50%{height:100%}75%{height:100%}to{height:0%}}