*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}#loader{z-index:10;pointer-events:all;justify-content:center;align-items:center;width:100%;height:100dvh;transition:opacity .5s ease-in-out;display:flex;position:fixed;inset:0}#loader p{z-index:2;color:#fff;cursor:pointer;font-family:Helvetica,sans-serif;position:relative}canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}.hero{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.hero h1{font-family:Helvetica,sans-serif;font-size:6vw}