#loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;text-align:center}#loading h2{color:#ccc;margin:0 0 5px;font:1.1em verdana;text-transform:uppercase;letter-spacing:.1em}#loading span{display:inline-block;vertical-align:middle;width:.8em;height:.8em;margin:.2em;background:#007db6;border-radius:.7em;animation:loading 1s infinite alternate}#loading span:nth-of-type(2){background:#008fb2;animation-delay:.2s}#loading span:nth-of-type(3){background:#009b9e;animation-delay:.4s}#loading span:nth-of-type(4){background:#00a77d;animation-delay:.6s}#loading span:nth-of-type(5){background:#00b247;animation-delay:.8s}#loading span:nth-of-type(6){background:#5ab027;animation-delay:1s}#loading span:nth-of-type(7){background:#a0b61e;animation-delay:1.2s}@keyframes loading{0%{opacity:0}to{opacity:1}}