.preloader{z-index:99999;background-color:#020316f7;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed}.loader{perspective:1000px;color:#fff;border-radius:50%;width:48px;height:48px;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:#00b8d9;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:.2em 0}12%{box-shadow:.2em .2em}25%{box-shadow:0 .2em}37%{box-shadow:-.2em .2em}50%{box-shadow:-.2em 0}62%{box-shadow:-.2em -.2em}75%{box-shadow:0 -.2em}87%{box-shadow:.2em -.2em}}