.load{top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px}.load,.load hr{position:absolute}.load hr{border:0;margin:0;width:40%;height:40%;border-radius:50%;animation:spin 2s ease infinite}.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{width:4px;height:30px;border-radius:1px;animation:loading 1.7s infinite}.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)}}