.circles{z-index:2;width:100%;height:100%;position:absolute;bottom:0;left:0}.circles li{opacity:0;border-radius:50%;list-style:none;animation:0s linear 3ms infinite animate;display:block;position:absolute}.circles li:first-child{animation-duration:5s;animation-delay:0s}.circles li:nth-child(2){animation-duration:15s;animation-delay:2s}.circles li:nth-child(3){animation-duration:10s;animation-delay:1s}.circles li:nth-child(4){animation-duration:8s;animation-delay:3s}.circles li:nth-child(5){animation-duration:7s;animation-delay:0s}.circles li:nth-child(6){animation-duration:11s;animation-delay:5s}.circles li:nth-child(7){animation-duration:18s;animation-delay:0s}.circles li:nth-child(8){animation-duration:19s;animation-delay:0s}.circles li:nth-child(9){animation-duration:12s;animation-delay:1s}.circles li:nth-child(10){animation-duration:24s;animation-delay:0s}.circles li:nth-child(11){animation-duration:12s;animation-delay:1s}.circles li:nth-child(12){animation-duration:24s;animation-delay:2s}.circles li:nth-child(13){animation-duration:11s;animation-delay:0s}.circles li:nth-child(14){animation-duration:12s;animation-delay:1s}.circles li:nth-child(15){animation-duration:10s;animation-delay:4s}.circles li:nth-child(16){animation-duration:9s;animation-delay:0s}.circles li:nth-child(17){animation-duration:24s;animation-delay:3s}@keyframes animate{0%{opacity:0}50%{opacity:1}60%{opacity:1}to{opacity:0;bottom:calc(100% + 100px);transform:scale(.35)}}