.loader{left:50%;margin-left:-52.5px;margin-top:-52.5px;position:absolute;top:50%}.square{animation:enter 6s infinite;background:#fff;float:left;height:15px;margin-right:5px;margin-top:5px;opacity:0;position:relative;top:-10px;width:15px}.enter{opacity:1;top:0}.square:first-child{animation-delay:1.8s}.square:nth-child(2){animation-delay:2.1s}.square:nth-child(3){animation-delay:2.4s;background:#5454d4}.square:nth-child(4){animation-delay:.9s}.square:nth-child(5){animation-delay:1.2s}.square:nth-child(6){animation-delay:1.5s}.square:nth-child(8){animation-delay:.3s}.square:nth-child(9){animation-delay:.6s}.clear{clear:both}.last{margin-right:0}@keyframes enter{0%{opacity:0;top:-10px}5%{opacity:1;top:0}50.9%{opacity:1;top:0}55.9%{opacity:0;top:-10px}}