*{margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}.intro{width:100%;height:100%;left:0;top:0;position:fixed;color:#fff;z-index:1}.intro-content{display:flex;flex-direction:column;position:absolute;left:4rem;top:50%;transform:translateY(-50%);gap:2rem;width:35%}.intro-content h1{font-size:100px;font-weight:400;line-height:.75;font-family:Caveat,cursive}.intro-content p{font-size:18px;font-weight:100;letter-spacing:3px;font-family:Inter,sans-serif}h6{font-family:Caveat,cursive;font-size:32px;font-weight:700;transition:all .3s cubic-bezier(.55,.085,.68,.53)}h6:hover{color:#427b00;cursor:pointer}.text-overlay{position:fixed;top:0;width:100%;text-align:center;pointer-events:none;z-index:1;padding:2rem 0;height:100vh}.line{color:#fff;font-size:32px;font-family:Caveat,cursive;font-weight:400;opacity:0;letter-spacing:2px}.ending{width:100%;height:100%;top:0;left:0;position:fixed;color:#fff;z-index:1;display:none}.ending h2.ending-line{font-family:Inter,sans-serif;font-size:32px;line-height:45px;font-weight:300;position:absolute;bottom:120px;right:60px;opacity:0;text-transform:capitalize}.ending h2.ending-line .bold{font-weight:700}.tiny{width:60%;color:gray;padding-top:1%;padding-left:1%;font-size:8px;position:relative;z-index:1;font-family:Inter,sans-serif}