*{margin:0;padding:0;box-sizing:border-box}:root{--accent: rgb(88, 150, 255)}body,html{overflow-x:hidden;font-family:Poppins,sans-serif;background:#000;color:#fff}body{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;position:relative;z-index:2;display:flex;justify-content:flex-start}.webgl{position:fixed;top:0;left:0;z-index:0;width:100vw;height:100vh}nav{color:#fff;z-index:3;position:relative;padding:4rem 8rem;display:flex;justify-content:space-between;background:linear-gradient(black 50%,transparent)}nav a{text-decoration:none;color:#fff;font-weight:700;z-index:3}.nav-home{font-size:2rem;margin-right:3rem}.nav-list{font-size:1.5rem}nav ul{list-style:none;display:flex;gap:4rem}.hamburger{display:none;font-size:2rem;background:none;border:none;color:#fff;cursor:pointer}.title{color:#fff;z-index:5;position:absolute;width:100%;font-size:3rem;left:50%;top:-2%;text-align:center;transform:translate(-50%,-50%)}#loading-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:transparent;z-index:3;border:4px white solid}progress{padding:4px;display:block;vertical-align:middle;width:60vw;height:22px;box-shadow:none;appearance:none;-webkit-appearance:none;background-color:transparent;border:none;border-radius:0}progress::-webkit-progress-bar{background-color:transparent;border-radius:0}progress::-webkit-progress-value{background-color:#fff;border-radius:0}progress::-moz-progress-bar{background-color:#fff;border-radius:0}.button{padding-block:1.5vh;padding-inline:4vh;font-size:2rem;border-radius:20px;background-color:transparent;color:var(--accent);border:min(.6vh,1vw) solid var(--accent)}.button:hover{background-color:var(--accent);color:#000}.logo{display:block;width:5vh;border-radius:50%}.svg-wrapper{position:relative;display:inline-block;border-radius:50%;padding:10px;transition:transform .3s ease}.svg-wrapper:before{content:"";position:absolute;inset:0;border:4px solid var(--accent);border-radius:50%;transform:scale(.8);opacity:0;transition:transform .3s ease,opacity .3s ease;pointer-events:none}.svg-wrapper:hover:before{transform:scale(1.05);opacity:1}.socials{display:flex;flex-wrap:wrap;height:fit-content;justify-content:flex-end;gap:1rem;padding-right:2%;width:50%;margin-bottom:1vh}.built{padding-left:2%;width:50%;height:fit-content;font-size:1.5rem;color:#838383;align-self:flex-end;margin-bottom:1vh}footer{display:flex;justify-content:space-between;width:100%;padding:1rem 2rem;z-index:2;color:#fff;background:linear-gradient(transparent,#000 20%)}.hov{position:relative;font-weight:700;width:fit-content;text-decoration:none;color:inherit}.hov:after{content:"";position:absolute;height:5px;bottom:-10%;left:0;width:100%;background-color:var(--accent);transform:scaleX(0);transition:transform .3s ease-out}.icon{text-decoration:none;line-height:1;display:inline-block}.hov:hover:after{transform:scaleX(1)}.scroll-indicator{position:fixed;bottom:10vh;left:50%;transform:translate(-50%);z-index:999;animation:float 1s ease-in-out infinite alternate both;opacity:.7;-webkit-user-select:none;user-select:none;pointer-events:none}.scroll-indicator svg{transform:rotate(90deg);stroke:#fff;width:2rem;margin-left:-1rem;height:auto}@media (max-width: 1200px){nav{padding:2rem;flex-wrap:wrap;align-items:center}footer{padding:0rem .2rem;padding-bottom:1vh}.scroll-indicator{bottom:20vh}.hamburger{display:block}.logo{width:1.5rem;border-radius:50%}.nav-links{width:100%;display:none;flex-direction:column;gap:1rem;margin-top:1rem}.nav-links.show{display:flex}nav ul{flex-direction:column;gap:1rem;padding:0;display:absolute}.nav-home{font-size:1.8rem}.nav-list{font-size:1.3rem}.built{font-size:.8rem}.svg-wrapper{padding:7px}.socials{width:90%}}@keyframes float{0%{transform:translateY(-50%)}to{transform:translateY(50%)}}