.loading span{position:absolute;width:50px;height:50px;line-height:50px;font-size:22px;border-radius:100px;background-color:#409eff;text-align:center;opacity:.7;animation:loading 1s ease-in-out infinite;-webkit-animation:loading 1s ease-in-out infinite}.loading span:nth-child(2){left:40px;border-radius:0;background-color:#ff751a;animation:oLetter 2s ease-in-out infinite;-webkit-animation:oLetter 2s ease-in-out infinite}.loading span:nth-child(3){left:80px;animation-delay:.3s;-webkit-animation-delay:.3s}.loading span:nth-child(4){left:120px;animation-delay:.4s;-webkit-animation-delay:.4s}.loading span:nth-child(5){left:160px;animation-delay:.5s;-webkit-animation-delay:.5s}.loading span:nth-child(6){left:200px;animation-delay:.6s;-webkit-animation-delay:.6s}.loading span:nth-child(7){left:240px;animation-delay:.7s;-webkit-animation-delay:.7s}@keyframes loading{0%{opacity:.6;transform:translateY(0);box-shadow:0 0 3px rgba(0,0,0,.1)}50%{opacity:.8;transform:translateY(-15px);box-shadow:0 15px 0 rgba(0,0,0,.2);background-color:#67cf22}to{opacity:.6;transform:translateY(0)}}@-webkit-keyframes loading{0%{opacity:.6;transform:translateY(0);box-shadow:0 0 3px rgba(0,0,0,.1)}50%{opacity:.8;transform:translateY(-15px);box-shadow:0 15px 0 rgba(0,0,0,.2);background-color:#67cf22}to{opacity:.6;transform:translateY(0)}}@keyframes oLetter{0%{transform:rotate(0)}10%{transform:rotate(36deg)}20%{transform:rotate(72deg)}30%{transform:rotate(108deg)}40%{transform:rotate(144deg)}50%{transform:rotate(180deg)}60%{transform:rotate(216deg)}70%{transform:rotate(252deg)}80%{transform:rotate(288deg)}90%{transform:rotate(324deg)}to{transform:rotate(1turn)}}@-webkit-keyframes oLetter{0%{transform:rotate(0)}10%{transform:rotate(36deg)}20%{transform:rotate(72deg)}30%{transform:rotate(108deg)}40%{transform:rotate(144deg)}50%{transform:rotate(180deg)}60%{transform:rotate(216deg)}70%{transform:rotate(252deg)}80%{transform:rotate(288deg)}90%{transform:rotate(324deg)}to{transform:rotate(1turn)}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:100%}body{margin:0;padding:0}.shadow{position:absolute;width:100%;height:100%;background-color:#000;z-index:1000}.shadow .loading{position:absolute;top:50%;left:42%}