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