.circles{position:absolute;left:0;top:0;height:100%;width:100%;overflow:hidden}.circles li{position:absolute;bottom:-150px;display:block;height:1.25rem;width:1.25rem}@keyframes float{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.circles li{animation:float 25s linear infinite;list-style-type:none;background-color:#d1d5db99}.circles li:is(.dark *){background-color:#ffffff1a}.circles li:nth-child(1){left:25%;height:5rem;width:5rem;--tw-animate-duration: 0;animation-duration:var(--tw-animate-duration)}.circles li:nth-child(2){left:10%;height:1.25rem;width:1.25rem;transition-duration:12s;--tw-animate-delay: 2s;animation-delay:var(--tw-animate-delay)}.circles li:nth-child(3){left:70%;height:1.25rem;width:1.25rem;--tw-animate-delay: 4s;animation-delay:var(--tw-animate-delay)}.circles li:nth-child(4){left:40%;height:60px;width:60px;--tw-animate-delay: 0ms;animation-delay:var(--tw-animate-delay);--tw-animate-duration: 18s;animation-duration:var(--tw-animate-duration)}.circles li:nth-child(5){left:65%;height:1.25rem;width:1.25rem;--tw-animate-delay: 0ms;animation-delay:var(--tw-animate-delay)}.circles li:nth-child(6){left:75%;height:110px;width:110px;--tw-animate-delay: 3s;animation-delay:var(--tw-animate-delay)}.circles li:nth-child(7){left:35%;height:150px;width:150px;--tw-animate-delay: 7s;animation-delay:var(--tw-animate-delay)}.circles li:nth-child(8){left:50%;height:25px;width:25px;--tw-animate-delay: 15s;animation-delay:var(--tw-animate-delay);--tw-animate-duration: 45s;animation-duration:var(--tw-animate-duration)}.circles li:nth-child(9){left:20%;height:15px;width:15px;--tw-animate-delay: 2s;animation-delay:var(--tw-animate-delay);--tw-animate-duration: 35s;animation-duration:var(--tw-animate-duration)}.circles li:nth-child(10){left:85%;height:150px;width:150px;--tw-animate-delay: 0ms;animation-delay:var(--tw-animate-delay);--tw-animate-duration: 11s;animation-duration:var(--tw-animate-duration)}