@keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.area{z-index:-1;width:100%;height:100vh;position:absolute}.circles{width:100%;height:96%;position:absolute;top:0;left:0;overflow:hidden}.circles li{width:20px;height:20px;list-style:none;animation:25s linear infinite animate;display:block;position:absolute;bottom:-150px}.circles li:first-child{width:80px;height:80px;animation-delay:0s;left:25%}.circles li:nth-child(2){width:20px;height:20px;animation-duration:12s;animation-delay:2s;left:10%}.circles li:nth-child(3){width:20px;height:20px;animation-delay:4s;left:70%}.circles li:nth-child(4){width:60px;height:60px;animation-duration:18s;animation-delay:0s;left:40%}.circles li:nth-child(5){width:20px;height:20px;animation-delay:0s;left:65%}.circles li:nth-child(6){width:110px;height:110px;animation-delay:3s;left:75%}.circles li:nth-child(7){width:150px;height:150px;animation-delay:7s;left:35%}.circles li:nth-child(8){width:25px;height:25px;animation-duration:45s;animation-delay:15s;left:50%}.circles li:nth-child(9){width:15px;height:15px;animation-duration:35s;animation-delay:2s;left:20%}.circles li:nth-child(10){width:150px;height:150px;animation-duration:11s;animation-delay:0s;left:85%}@keyframes animate{0%{opacity:1;border-radius:0;transform:translateY(0)rotate(0)}to{opacity:0;border-radius:50%;transform:translateY(-1000px)rotate(720deg)}}