.wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle{display:inline-block;width:15px;height:15px;background-color:#a4c8f0;border-radius:50%;margin:0 5px;animation:loading 1.5s cubic-bezier(.8,.5,.2,1.4) infinite;transform-origin:bottom center;position:relative}@keyframes loading{0%{transform:translateY(0);background-color:#a4c8f0}50%{transform:translateY(50px);background-color:#72a1d1}to{transform:translateY(0);background-color:#a4c8f0}}.circle-1{animation-delay:.1s}.circle-2{animation-delay:.2s}.circle-3{animation-delay:.3s}.circle-4{animation-delay:.4s}.circle-5{animation-delay:.5s}.circle-6{animation-delay:.6s}.circle-7{animation-delay:.7s}.circle-8{animation-delay:.8s}