*{color:#f0f5f2;font-family:Avenir,Helvetica,Arial,sans-serif;margin:0;padding:0}html{background-size:cover;font-size:24px}body{background-color:#343434;overflow-x:hidden}.webgl{left:0;outline:none;position:fixed;top:0;width:100vw}.webgl,main{height:100dvh}main{position:relative}h1{font-size:5.2rem;line-height:5rem;margin-bottom:0}h2{font-size:2.1rem;margin-bottom:3rem;margin-top:1rem}p{font-size:1.2rem;font-weight:500;line-height:35px;margin-bottom:2.5rem}.bottom{font-size:1rem;font-weight:700;line-height:2rem;margin:0;text-align:right}.nav-button{background:transparent;border:1px solid #aaa;color:#f0f5f2;cursor:pointer;display:inline-block;font-size:1.2rem;margin-left:.8rem;padding:.25rem .8rem;text-decoration:none;transition:all .55s}.nav-button:hover{background:#f0f5f2;border:1px solid #494646;color:#494646}button{background:transparent;border:1px solid #aaa;color:#f0f5f2;cursor:pointer;font-size:1.2rem;margin-left:.8rem;padding:.25rem .8rem;transition:all .55s}button:hover{background:#f0f5f2;border:1px solid #494646;color:#494646}#wrapper{font-size:4rem;height:200vh;justify-content:center;margin-top:70px;width:100vw;z-index:100}#top,#wrapper{position:absolute}#top{left:7%;top:20%}#player{top:9%}#menu,#player{position:absolute;right:7%}#menu{bottom:9%}#footer{bottom:1%;margin:0;position:relative;position:absolute;right:7%}ul li{display:inline-block;margin:auto;text-align:justify}ul li a{font-size:20px;margin:0;padding:0}@media only screen and (max-width:790px){h1{font-size:4.2rem;line-height:5rem;margin-bottom:0}h2{font-size:1.8rem;margin-bottom:3rem;margin-top:1rem}button{font-size:1rem;margin-left:.6rem;padding:.2rem .6rem}.bottom{font-size:.8rem;font-weight:600;line-height:1.8rem;margin:0}.nav-button{font-size:1rem;margin-left:.6rem;padding:.2rem .6rem}}@media only screen and (max-width:630px){h1{font-size:2.8rem;line-height:3rem;margin-bottom:0}h2{font-size:1.2rem;margin-bottom:2rem;margin-top:1rem}button{font-size:.8rem;margin-left:0;padding:.1rem .14rem}.bottom{font-size:.6rem;font-weight:500;line-height:1rem}.nav-button{font-size:.8rem;margin-left:0;padding:.1rem .14rem}#player{top:7%}#menu,#player{position:absolute;right:7%}#menu{bottom:7%}ul li{margin-left:4px}}@media only screen and (max-height:500px){h1{font-size:2.2rem}h2{font-size:1rem}button{font-size:.7rem}.bottom{font-size:.4rem}.nav-button{font-size:.7rem}ul{padding-bottom:10px}}