*{margin:0;padding:0}.area{background:var(--background);width:100%;height:100vh;position:fixed;z-index:-100}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;background:hsla(0,0%,100%,.2);animation:animate 30s linear infinite;bottom:-150px;color:#4e54c8;display:flex;align-items:center;justify-content:center;padding:10px 20px}.circles li:nth-child(2n){animation:animate-left 30s linear infinite}.circles li:first-child{left:25%;animation-delay:1s;font-size:40px}.circles li:nth-child(2){left:10%;animation-delay:8s;animation-duration:48s;font-size:20px}.circles li:nth-child(3){left:70%;animation-delay:4s;animation-duration:30s;font-size:20px}.circles li:nth-child(4){left:40%;animation-delay:0s;animation-duration:22s;font-size:30px}.circles li:nth-child(5){left:65%;animation-delay:6s;animation-duration:38s;font-size:20px}.circles li:nth-child(6){left:75%;animation-delay:1s;font-size:55px;animation-duration:25s}.circles li:nth-child(7){left:35%;animation-delay:7s;font-size:75px}.circles li:nth-child(8){left:50%;animation-delay:13s;animation-duration:45s;font-size:20px}.circles li:nth-child(9){left:20%;animation-delay:4s;animation-duration:30s;font-size:20px}.circles li:nth-child(10){left:85%;animation-delay:13s;animation-duration:27s;font-size:75px}.circles li:nth-child(11){left:5%;animation-delay:11s;animation-duration:25s;font-size:70px}.circles li:nth-child(12){left:33%;animation-delay:20s;animation-duration:30s;font-size:35px}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(1turn);opacity:0;border-radius:50%}}@keyframes animate-left{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(-1turn);opacity:0;border-radius:50%}}