@import"https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap";*,*:after,*:before{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%}body{font-size:1.6rem;font-family:Lato,sans-serif;background-color:#000;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;height:100dvh;overflow:hidden}#root{height:100dvh;overflow:hidden;display:flex;justify-content:center;align-items:center}main{z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;max-height:100vh;max-height:100dvh}input{width:100%;max-width:480px;font-family:Lato,sans-serif}video{width:100%;max-width:480px}.fly{z-index:5}.fly span{position:fixed;bottom:-5rem;height:5rem;width:5rem;border-radius:50%;background-color:#f0f8ff;animation:animate 10s linear infinite}.fly span:nth-child(1){left:10%;animation-delay:1s}.fly span:nth-child(3){left:30%;animation-delay:3s}.fly span:nth-child(5){left:50%;animation-delay:1s}.fly span:nth-child(7){left:70%;animation-delay:5s}.fly span:nth-child(9){left:90%;animation-delay:4s}@keyframes animate{0%{bottom:0;margin-left:9rem;margin-right:0rem;border-radius:30%;opacity:1}20%{bottom:20%;margin-left:0rem;margin-right:9rem;border-radius:20%;transform:scale(1.3);filter:hue-rotate(0deg);opacity:.8}30%{bottom:30%;margin-left:3rem;margin-right:2rem;border-radius:60%;opacity:.6}40%{bottom:40%;margin-left:1rem;margin-right:9rem;border-radius:40%;transform:scale(.7);opacity:.8}50%{bottom:50%;margin-left:0rem;margin-right:5rem;border-radius:10%;transform:scale(.9);opacity:.4}60%{bottom:60%;margin-left:6rem;margin-right:2rem;filter:hue-rotate(360deg);opacity:.7}70%{bottom:70%;margin-left:0rem;margin-right:5rem;opacity:.5;transform:scale(1.4)}80%{bottom:80%;margin-left:8rem;margin-right:2rem;opacity:.8}90%{bottom:90%;margin-left:4rem;margin-right:7rem;transform:scale(.9);opacity:.9}to{bottom:90%;margin-left:7rem;margin-right:7rem;opacity:.9}}@media only screen and (max-width: 500px){main{width:100dvw}input{width:100dvw}video{width:100dvw;height:40dvh}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}