@import"https://fonts.googleapis.com/css2?family=Audiowide&display=swap";*{margin:0;padding:0;box-sizing:border-box}body,html{overflow:hidden;font-family:Audiowide,sans-serif}#container{display:flex;flex-direction:column;width:100%;height:100vh;gap:3rem}.webgl{display:flex;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;outline:none}nav{display:flex;justify-content:space-between;align-items:center;position:relative;top:0;left:0;padding:2rem 8rem;color:#fff;z-index:2}nav a{text-decoration:none;color:#fff;font-weight:700;font-size:1.3rem}nav ul{list-style:none;display:flex;gap:4rem;cursor:pointer;font-size:1.3rem}.title{display:flex;justify-content:center;position:relative;bottom:-55%;color:#fff;z-index:2;font-size:2rem;text-transform:uppercase;letter-spacing:2px}.footer{display:flex;justify-content:center;position:relative;bottom:-55%;color:wheat;z-index:2;font-size:.9rem;text-transform:uppercase;letter-spacing:8px}nav ul li:hover{color:#e44747;animation-name:wiggle;animation-duration:.3s;animation-timing-function:ease-in-out;animation-iteration-count:1}nav a:hover{animation-name:wiggle;animation-duration:.3s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes wiggle{0%,to{transform:translate(0)}30%,70%{transform:translate(-3%)}10%,50%,90%{transform:translate(3%)}}@keyframes fadein{0%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}