@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px);z-index:-1}}*{margin:0;padding:0;box-sizing:border-box}body,html{overflow:hidden}.webgl{position:absolute;top:0;left:0;z-index:-1}nav{color:#fff;z-index:10;position:relative;padding:4rem 8rem;display:flex;justify-content:space-between}nav a{text-decoration:none;color:#fff;font-weight:700}nav ul{list-style:none;display:flex;gap:4rem}.main{width:100vw;display:flex;justify-content:center}#menu{position:absolute;text-align:center;z-index:1;margin-left:1.2rem;margin-right:1.2rem;display:flex;flex-direction:column;align-items:center}.fadeOut{animation:fadeOut 1s forwards}@media screen and (max-width: 600px){#text{scale:.8;margin-top:-1rem}.textbox{margin-top:0rem!important}}#title{margin-bottom:1rem}#startButton{font-size:2rem;padding:.5rem}h3{font-size:3rem}p,li{font-size:1.25rem}.text{text-align:center}.textbox{max-width:500px;margin-top:4rem}ul{margin-left:3rem;text-align:left}