.area{position:"relative"}.area,.circles{width:100%;height:100%}.circles{position:fixed;top:0;left:0;overflow:hidden;z-index:-1000}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#00b0ff;animation:animate 25s linear infinite;bottom:-100px}.circles li:first-child{left:14%;width:30px;height:30px;animation-delay:2s}.circles li:nth-child(2){left:28%;width:30px;height:30px;animation-delay:6s;bottom:-350px}.circles li:nth-child(3){left:42%;width:30px;height:30px;animation-delay:4s;bottom:-350px}.circles li:nth-child(4){left:58%;width:30px;height:30px;animation-delay:1s}.circles li:nth-child(5){left:68%;width:30px;height:30px;animation-delay:5s}.circles li:nth-child(6){left:80%;width:30px;height:30px;animation-delay:3s}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}@keyframes straightright{0%{opacity:1;border-radius:0;left:0;top:0}50%{opacity:1;border-radius:0;left:200px;top:200px}to{opacity:0;border-radius:50%;left:0;top:0}}