#ghost-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;overflow:hidden;pointer-events:none}.ghost{position:absolute;opacity:0;will-change:transform;transform:translate(100vw,80vh)scale(.5)rotate(0);text-transform:unset;pointer-events:auto}.ghost-body{display:inline-block;animation:none}.ghost-body.looping{animation:ghost-loop .75s ease-in-out 2}#ghost-container.animate .ghost{animation:ghost-fly 12s ease-out forwards}@keyframes ghost-loop{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.2)}100%{transform:rotate(360deg)scale(1)}}@keyframes ghost-fly{10%{opacity:1;transform:translate(85vw,70vh)scale(.6)rotate(-10deg)}25%{transform:translate(65vw,40vh)scale(.8)rotate(10deg)}40%{transform:translate(45vw,55vh)scale(1)rotate(-5deg)}60%{transform:translate(20vw,40vh)scale(1.2)rotate(-20deg)}80%{transform:translate(-10vw,20vh)scale(1.3)rotate(20deg)}99%{opacity:1}100%{opacity:0;transform:translate(-150px,10vh)scale(1.4)}}