@keyframes slide{0%,to{transform:scale(1)}50%{opacity:.2;transform:scale(2)}}.loader{position:absolute;top:50%;left:20%;margin-left:10%}.dot{width:24px;height:24px;background:#3ac;border-radius:100%;display:inline-block;animation:slide 1s infinite}.dot:nth-child(1){animation-delay:.1s;background:#23b77e}.dot:nth-child(2){animation-delay:.2s;background:#035762}.dot:nth-child(3){animation-delay:.3s;background:#b92e50}.dot:nth-child(4){animation-delay:.4s;background:#e4af43}.dot:nth-child(5),.dot:nth-child(6){animation-delay:.5s;background:#ff7900}.dot:nth-child(6){animation-delay:.6s}@media all and (min-width:768px){.loader{left:35%}}