*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{touch-action:none;width:100%;height:100%;overflow:hidden}body{background:#1f2934 url(../images/forrest-2/left.png) 50%/cover no-repeat;font-family:Merriweather,serif}h1{z-index:2;text-align:center;white-space:nowrap;color:#fff;opacity:.7;font-family:Merriweather,serif;font-size:7vw;font-style:italic;font-weight:300;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}canvas{z-index:1;opacity:0;width:100vw;height:100vh;transition:opacity 6s;position:fixed;top:0;left:0}canvas.visible{opacity:1}h1 span{transition:opacity 1.5s}h1 span.hidden{opacity:0}