*{box-sizing:border-box}html,body{height:100%;overscroll-behavior:none;margin:0}body{background-color:#171717;display:grid;overflow:hidden}body>*{grid-area:1 / 1}.background{background-image:url(/assets/spider-web-1c-lAqxG.svg);background-size:cover;background-repeat:no-repeat;background-position:center;animation:backdrop-blur 3s ease-out forwards;opacity:0;filter:blur(10px)}.ghost-container{transform:translate(50%,-50%) scale(0);opacity:0;animation:ghost-appear 3s ease-out forwards;display:flex;align-items:flex-end;padding:20vh 10vw}.ghost{position:relative}.ghost-image{width:30vw;opacity:.8;animation:float 7s ease-in-out infinite}.ghost-message{position:absolute;top:-24vw;left:24vw;animation:float2 9s ease-in-out infinite}.ghost-message-content{padding:14vw;background-image:url(/bubble.svg);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;animation:message-appear .7s cubic-bezier(.68,-.55,.27,1.55) forwards;animation-delay:3s}.ghost-message-text{transform:translate(1vw,-7vw);font-family:Creepster,system-ui;font-weight:400;font-style:normal;font-size:16vw;color:orange}@keyframes ghost-appear{0%{transform:translate(50%,-50%) scale(0);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes message-appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes backdrop-blur{0%{opacity:0;scale:1;filter:blur(10px)}80%{opacity:1;filter:blur(0px)}to{scale:2;opacity:1;filter:blur(0px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float{0%{transform:translateY(0)}25%{transform:translateY(-1vh)}50%{transform:translateY(0)}75%{transform:translateY(-1vh)}to{transform:translateY(0)}}@keyframes float2{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.inner{position:absolute;visibility:hidden;top:0;left:0;font-size:5vw;font-family:initial;width:100%;height:100%;display:grid;place-items:center}