|
- @font-face{font-family:bitty;src:url('../fonts/bitty.ttf')}.loader-container{width:100vw;height:100vh}.loader-container .loader{animation:loader-spin 1s linear infinite;height:10px;width:10px;position:absolute;top:50%;left:50%;transform:translateXY(-50%, -50%)}.loader-container .loader-text{position:absolute;top:calc(50% + 75px);width:100%;text-align:center;color:#f2f5f5;font-size:24px}@keyframes loader-spin{0%{box-shadow:0 -30px #42548d,10px -30px #48edff,20px -20px #48edff,30px -10px #48edff,30px 0 #48edff,30px 10px #48edff,20px 20px #48edff,10px 30px #f2f5f5,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent}6.25%{box-shadow:0 -30px transparent,10px -30px #42548d,20px -20px #48edff,30px -10px #48edff,30px 0 #48edff,30px 10px #48edff,20px 20px #48edff,10px 30px #48edff,0 30px #f2f5f5,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent}12.5%{box-shadow:0 -30px transparent,10px -30px transparent,20px -20px #42548d,30px -10px #48edff,30px 0 #48edff,30px 10px #48edff,20px 20px #48edff,10px 30px #48edff,0 30px #48edff,-10px 30px #f2f5f5,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent}18.75%{box-shadow:0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px #42548d,30px 0 #48edff,30px 10px #48edff,20px 20px #48edff,10px 30px #48edff,0 30px #48edff,-10px 30px #48edff,-20px 20px #f2f5f5,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent}25%{box-shadow:0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 #42548d,30px 10px #48edff,20px 20px #48edff,10px 30px #48edff,0 30px #48edff,-10px 30px #48edff,-20px 20px #48edff,-30px 10px #f2f5f5,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent}31.25%{box-shadow:0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px #42548d,20px 20px #48edff,10px 30px #48edff,0 30px #48edff,-10px 30px #48edff,-20px 20px #48edff,-30px 10px #48edff,-30px 0 #f2f5f5,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent}37.5%{box-shadow:0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px #42548d,10px 30px #48edff,0 30px #48edff,-10px 30px #48edff,-20px 20px #48edff,-30px 10px #48edff,-30px 0 #48edff,-30px -10px #f2f5f5,-20px -20px transparent,-10px -30px transparent}43.75%{box-shadow:0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px #42548d,0 30px #48edff,-10px 30px #48edff,-20px 20px #48edff,-30px 10px #48edff,-30px 0 #48edff,-30px -10px #48edff,-20px -20px #f2f5f5,-10px -30px transparent}50%{box-shadow:0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px #42548d,-10px 30px #48edff,-20px 20px #48edff,-30px 10px #48edff,-30px 0 #48edff,-30px -10px #48edff,-20px -20px #48edff,-10px -30px #f2f5f5}56.25%{box-shadow:0 -30px #f2f5f5,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px #42548d,-20px 20px #48edff,-30px 10px #48edff,-30px 0 #48edff,-30px -10px #48edff,-20px -20px #48edff,-10px -30px #48edff}62.5%{box-shadow:0 -30px #48edff,10px -30px #f2f5f5,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px #42548d,-30px 10px #48edff,-30px 0 #48edff,-30px -10px #48edff,-20px -20px #48edff,-10px -30px #48edff}68.75%{box-shadow:0 -30px #48edff,10px -30px #48edff,20px -20px #f2f5f5,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px #42548d,-30px 0 #48edff,-30px -10px #48edff,-20px -20px #48edff,-10px -30px #48edff}75%{box-shadow:0 -30px #48edff,10px -30px #48edff,20px -20px #48edff,30px -10px #f2f5f5,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 #42548d,-30px -10px #48edff,-20px -20px #48edff,-10px -30px #48edff}81.25%{box-shadow:0 -30px #48edff,10px -30px #48edff,20px -20px #48edff,30px -10px #48edff,30px 0 #f2f5f5,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px #42548d,-20px -20px #48edff,-10px -30px #48edff}87.5%{box-shadow:0 -30px #48edff,10px -30px #48edff,20px -20px #48edff,30px -10px #48edff,30px 0 #48edff,30px 10px #f2f5f5,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px #42548d,-10px -30px #48edff}93.75%{box-shadow:0 -30px #48edff,10px -30px #48edff,20px -20px #48edff,30px -10px #48edff,30px 0 #48edff,30px 10px #48edff,20px 20px #f2f5f5,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px #42548d}100%{box-shadow:0 -30px #42548d,10px -30px #48edff,20px -20px #48edff,30px -10px #48edff,30px 0 #48edff,30px 10px #48edff,20px 20px #48edff,10px 30px #f2f5f5,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent}}
|
