.load{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px}.loadbrand{position:absolute;top:calc(50% + 100px);left:50%;transform:translate(-50%,-50%);width:100px}.load hr{border:0;margin:0;width:40%;height:40%;position:absolute;border-radius:50%;animation:spin 2s ease infinite}.load :first-child{background:#e50046;animation-delay:-1.5s}.load :nth-child(2){background:#b00036;animation-delay:-1s}.load :nth-child(3){background:#e50046;animation-delay:-.5s}.load :last-child{background:#b00036}@keyframes spin{0%,to{transform:translate(0)}25%{transform:translate(160%)}50%{transform:translate(160%,160%)}75%{transform:translateY(160%)}}