*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#98d9ff;height:100vh;overflow:hidden;position:relative;width:100vw}.hero-text{color:#fff;font-family:Satisfy,cursive;font-size:7.2rem;font-weight:400;left:50%;letter-spacing:1px;margin:0;position:absolute;text-shadow:2px 2px 4px #0003;top:45%;transform:translate(-50%,-50%);z-index:2}.hero-image{bottom:0;height:auto;left:0;max-width:300px;position:absolute;z-index:1}.flies-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.fly{animation:flyAround 15s linear infinite;animation-delay:0s;animation-delay:var(--delay,0s);height:34.5px;width:34.5px}.fly,.fly-image{left:50%;position:absolute;top:50%}.fly-image{height:100%;object-fit:contain;width:100%;z-index:2}.fly-image,.fly-trail{transform:translate(-50%,-50%)}.fly-trail{background-color:#000;border-radius:50%;height:5px;left:50%;opacity:.7;pointer-events:none;position:absolute;top:50%;width:5px}.trail-1{animation:trail1 .6s ease-out infinite}.trail-2{animation:trail2 .6s ease-out .2s infinite}.trail-3{animation:trail3 .6s ease-out .4s infinite}@keyframes flyAround{0%{transform:translate(0) rotate(0deg)}10%{transform:translate(15vw,-20vh) rotate(45deg)}20%{transform:translate(30vw,-10vh) rotate(90deg)}30%{transform:translate(25vw,15vh) rotate(135deg)}40%{transform:translate(10vw,25vh) rotate(180deg)}50%{transform:translate(-15vw,15vh) rotate(225deg)}60%{transform:translate(-30vw,5vh) rotate(270deg)}70%{transform:translate(-25vw,-20vh) rotate(315deg)}80%{transform:translate(-10vw,-30vh) rotate(1turn)}90%{transform:translate(5vw,-15vh) rotate(405deg)}to{transform:translate(0) rotate(1turn)}}@keyframes trail1{0%{opacity:.8;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-30px,-30px) scale(.3)}}@keyframes trail2{0%{opacity:.6;transform:translate(-10px,-10px) scale(.8)}to{opacity:0;transform:translate(-40px,-40px) scale(.2)}}@keyframes trail3{0%{opacity:.4;transform:translate(-20px,-20px) scale(.6)}to{opacity:0;transform:translate(-50px,-50px) scale(.1)}}.fly:first-child{animation-duration:12s;left:20%;top:20%}.fly:nth-child(2){animation-duration:18s;left:80%;top:60%}.fly:nth-child(3){animation-duration:15s;left:30%;top:80%}.fly:nth-child(4){animation-duration:20s;left:70%;top:30%}.fly:nth-child(5){animation-duration:14s;left:50%;top:50%}
/*# sourceMappingURL=main.d11ef081.css.map*/