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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.sky{align-items:center;background:linear-gradient(180deg,#bdeeff,#e8fbff 55%,#fef9e7);display:flex;justify-content:center;min-height:100vh;overflow:hidden}.greeting,.sky{position:relative}.greeting{background:#ffffff8c;border-radius:30px;box-shadow:0 10px 30px #00000014;color:#3a3160;font-family:Comic Sans MS,Chalkboard SE,Marker Felt,cursive,sans-serif;padding:2rem 2.5rem;z-index:2}.greeting h1{font-size:calc(1.8rem + 2vw);margin:0 0 .5rem}.greeting p{font-size:calc(1rem + .5vw);margin:0}.rainbow{animation:float 6s ease-in-out infinite;max-width:70vw;position:absolute;width:420px;z-index:1}.rainbow-1{animation-delay:0s;left:-60px;top:-60px;transform:rotate(10deg)}.rainbow-2{animation-delay:1.2s;bottom:-90px;right:-60px;transform:rotate(-8deg) scaleX(-1);width:500px}.rainbow-3{animation-delay:2.4s;left:60%;opacity:.6;top:55%;width:260px}.dragonfly{filter:drop-shadow(0 4px 6px rgba(0,0,0,.12));position:absolute;width:90px;z-index:2}.dragonfly-1{animation:fly1 14s ease-in-out infinite;left:10%;top:15%}.dragonfly-2{animation:fly2 11s ease-in-out infinite;left:20%;top:70%;width:70px}.dragonfly-3{animation:fly3 16s ease-in-out infinite;right:12%;top:25%;width:80px}.dragonfly-wings{animation:flap .25s ease-in-out infinite;transform-origin:60px 20px}@keyframes flap{0%,to{transform:scaleY(1)}50%{transform:scaleY(.55)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-12px) rotate(0deg);transform:translateY(-12px) rotate(var(--r,0deg))}}@keyframes fly1{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(120px,-40px) rotate(8deg)}50%{transform:translate(60px,30px) rotate(-6deg)}75%{transform:translate(-40px,-20px) rotate(4deg)}to{transform:translate(0) rotate(0deg)}}@keyframes fly2{0%{transform:translate(0) rotate(0deg)}30%{transform:translate(-80px,-60px) rotate(-10deg)}60%{transform:translate(40px,-20px) rotate(6deg)}to{transform:translate(0) rotate(0deg)}}@keyframes fly3{0%{transform:translate(0) rotate(0deg)}33%{transform:translate(-60px,40px) rotate(-8deg)}66%{transform:translate(-100px,-30px) rotate(10deg)}to{transform:translate(0) rotate(0deg)}}@media (prefers-reduced-motion:reduce){.dragonfly,.dragonfly-wings,.rainbow{animation:none}}
/*# sourceMappingURL=main.3ef90bfc.css.map*/