body,html,#app{margin:0;width:100%;height:100%;background:radial-gradient(
  circle,rgba(255,255,255,1) 0%,rgba(0,0,0,0.5) 200%
);user-select:none}#app{position:relative;height:100%;font-family:"Montserrat",serif}.hero{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}h1,h2{margin:0;padding:0;color:black;text-transform:uppercase;text-shadow:0 0 20px rgba(255,255,255,1);line-height:100%;user-select:none}h1{position:relative;z-index:2;font-size:100px;font-weight:700}h2{font-size:80px;font-weight:500}#webgl-canvas{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1}.buttons{position:fixed;width:100%;bottom:15px;z-index:2;display:flex;justify-content:center;align-items:center;gap:15px}button{font-family:"Montserrat",serif;background:rgba(255,255,255,0.5);border-radius:5px;border:1px solid grey;padding:4px 8px}.navs{position:fixed;top:20px;right:20px;z-index:2;display:flex;justify-content:center;align-items:center}.nav{all:unset;margin-left:20px;font-size:20px;font-weight:700;color:#000000b3}.nav:hover{cursor:pointer;color:#000}