.load{width:100px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.load hr{border:0;border-radius:50%;width:40%;height:40%;margin:0;animation:2s infinite spin;position:absolute}.load :first-child{background:#19a68c;animation-delay:-1.5s}.load :nth-child(2){background:#f63d3a;animation-delay:-1s}.load :nth-child(3){background:#fda543;animation-delay:-.5s}.load :last-child{background:#193b48}@keyframes spin{0%,to{transform:translate(0)}25%{transform:translate(160%)}50%{transform:translate(160%,160%)}75%{transform:translateY(160%)}}.bars div{border-radius:1px;width:4px;height:30px;animation:1.7s infinite loading}.bars div:first-child{animation-delay:0s}.bars div:nth-child(2){animation-delay:.2s}.bars div:nth-child(3){animation-delay:.4s}.bars div:nth-child(4){animation-delay:.6s}.bars div:nth-child(5){animation-delay:.8s}@keyframes loading{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.8)}}