.loader{perspective:1000px;color:#fff;border-radius:50%;width:150px;height:150px;transform:rotate(45deg)}.loader:before,.loader:after{content:"";width:inherit;height:inherit;border-radius:50%;animation:1s linear infinite spin;display:block;position:absolute;top:0;left:0;transform:rotateX(70deg)}.loader:after{color:#3db9eb;animation-delay:.4s;transform:rotateY(70deg)}@keyframes rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes rotateccw{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(-360deg)}}@keyframes spin{0%,to{box-shadow:.6em 0}12%{box-shadow:.6em .6em}25%{box-shadow:0 .6em}37%{box-shadow:-.6em .6em}50%{box-shadow:-.6em 0}62%{box-shadow:-.6em -.6em}75%{box-shadow:0 -.6em}87%{box-shadow:.6em -.6em}}