*{margin:0;padding:0}html,body{overflow:hidden;width:100vw;height:100vh}.gl-container{position:absolute;width:100vw;height:100vh;margin:0 auto;z-index:2}#webgl{width:100%;height:100%}@font-face{font-family:forwa;src:url(../fonts/fff.ttf)}@font-face{font-family:bt1982;src:url(../fonts/bt1982.ttf)}.fff-font{font-family:forwa,sans-serif;display:inline-block;transform:translateY(20%)}.bt1982-font{font-family:bt1982,sans-serif}.types{position:relative;z-index:1;width:fit-content;transform:rotate(-15deg) translate(-50%,-50%);top:50%;left:50%}.line{color:#000}.line-1{white-space:nowrap;font-size:70px;text-align:center;opacity:.16}.line-2{white-space:nowrap;font-size:50px;text-align:center;opacity:.08}.line-3{white-space:nowrap;font-size:110px;text-align:center;opacity:.1}.line-4{white-space:nowrap;font-size:90px;text-align:center;opacity:.12}.hover{position:absolute;bottom:10%;left:50%;transform:translate(-53%);font-size:30px;opacity:0;pointer-events:none}.hover.is-visible{opacity:1;transition:opacity .3s ease-in-out;animation:hover-text 2s ease-in-out 3s infinite both}@media screen and (max-width: 800px){.hover{font-size:14px;text-align:center;line-height:2;bottom:12%;transform:translate(-55%)}}@keyframes hover-text{0%{opacity:0}50%{opacity:1}to{opacity:0}}