body {
    margin:0;
    padding:0;
    background:
    #fff;
}
.loading {
    width:100%;
    height:100%;
    background:#f8fafc;
    position:fixed;
    top:0;
    z-index:99999999;
    display:flex;
    justify-content:center;
    align-items:center;
    font-family:sans-serif;
    font-weight:200;
    padding-bottom: 2vw;
}
.loader {
    --w:10ch;
    font-weight: bold;
    font-family: monospace;
    line-height: 1.4em;
    letter-spacing: var(--w);
    width: var(--w);
    overflow: hidden;
    white-space: nowrap;
    color: #0055b3;
    font-size: 1.8vw;
    text-shadow: 
        calc( 0*var(--w)) 0 #0055b3,calc(-1*var(--w)) 0 #0055b3,calc(-2*var(--w)) 0 #0055b3,calc(-3*var(--w)) 0 #0055b3,calc(-4*var(--w)) 0 #0055b3, 
        calc(-5*var(--w)) 0 #0055b3,calc(-6*var(--w)) 0 #0055b3,calc(-7*var(--w)) 0 #0055b3,calc(-8*var(--w)) 0 #0055b3,calc(-9*var(--w)) 0 #0055b3;
    animation: l20 2s infinite linear;
}
.loader:before {
    content:"Loading...";
}
@media screen and (max-width: 1320px) {
    .loading {
        padding-bottom: 4vw;
    }
    .loader {
        font-size: 2.4vw;
    }
}
@media screen and (max-width: 1080px) {
    .loading {
        padding-bottom: 4vw;
        padding-left: 3.2vw;
    }
    .loader {
        font-size: 1.6vw;
    }
}
@media screen and (max-width: 840px) {
    .loading {
        padding-bottom: 5.6vw;
        padding-left: 6.4vw;
    }
    .loader {
        font-size: 1.6vw;
    }
}
@media screen and (max-width: 672px) {
    .loading {
        padding-bottom: 6.4vw;
        padding-left: 8vw;
    }
    .loader {
        font-size: 2.4vw;
    }
}
@media screen and (max-width: 576px) {
    .loading {
        padding-bottom: 9.6vw;
        padding-left: 12.8vw;
    }
    .loader {
        font-size: 5.6vw;

    }
}


@keyframes l20 {
    9.09% {text-shadow: 
            calc( 0*var(--w)) -10px #0055b3,calc(-1*var(--w)) 0 #0055b3,calc(-2*var(--w)) 0 #0055b3,calc(-3*var(--w)) 0 #0055b3,calc(-4*var(--w)) 0 #0055b3, 
            calc(-5*var(--w)) 0 #0055b3,calc(-6*var(--w)) 0 #0055b3,calc(-7*var(--w)) 0 #0055b3,calc(-8*var(--w)) 0 #0055b3,calc(-9*var(--w)) 0 #0055b3}
    18.18% {text-shadow: 
            calc( 0*var(--w)) 0 #0055b3,calc(-1*var(--w)) -10px #0055b3,calc(-2*var(--w)) 0 #0055b3,calc(-3*var(--w)) 0 #0055b3,calc(-4*var(--w)) 0 #0055b3, 
            calc(-5*var(--w)) 0 #0055b3,calc(-6*var(--w)) 0 #0055b3,calc(-7*var(--w)) 0 #0055b3,calc(-8*var(--w)) 0 #0055b3,calc(-9*var(--w)) 0 #0055b3}
    27.27% {text-shadow: 
            calc( 0*var(--w)) 0 #0055b3,calc(-1*var(--w)) 0 #0055b3,calc(-2*var(--w)) -10px #0055b3,calc(-3*var(--w)) 0 #0055b3,calc(-4*var(--w)) 0 #0055b3, 
            calc(-5*var(--w)) 0 #0055b3,calc(-6*var(--w)) 0 #0055b3,calc(-7*var(--w)) 0 #0055b3,calc(-8*var(--w)) 0 #0055b3,calc(-9*var(--w)) 0 #0055b3}
    36.36% {text-shadow: 
            calc( 0*var(--w)) 0 #0055b3,calc(-1*var(--w)) 0 #0055b3,calc(-2*var(--w)) 0 #0055b3,calc(-3*var(--w)) -10px #0055b3,calc(-4*var(--w)) 0 #0055b3, 
            calc(-5*var(--w)) 0 #0055b3,calc(-6*var(--w)) 0 #0055b3,calc(-7*var(--w)) 0 #0055b3,calc(-8*var(--w)) 0 #0055b3,calc(-9*var(--w)) 0 #0055b3}
    45.45% {text-shadow: 
            calc( 0*var(--w)) 0 #0055b3,calc(-1*var(--w)) 0 #0055b3,calc(-2*var(--w)) 0 #0055b3,calc(-3*var(--w)) 0 #0055b3,calc(-4*var(--w)) -10px #0055b3, 
            calc(-5*var(--w)) 0 #0055b3,calc(-6*var(--w)) 0 #0055b3,calc(-7*var(--w)) 0 #0055b3,calc(-8*var(--w)) 0 #0055b3,calc(-9*var(--w)) 0 #0055b3}
    54.54% {text-shadow: 
            calc( 0*var(--w)) 0 #0055b3,calc(-1*var(--w)) 0 #0055b3,calc(-2*var(--w)) 0 #0055b3,calc(-3*var(--w)) 0 #0055b3,calc(-4*var(--w)) 0 #0055b3, 
            calc(-5*var(--w)) -10px #0055b3,calc(-6*var(--w)) 0 #0055b3,calc(-7*var(--w)) 0 #0055b3,calc(-8*var(--w)) 0 #0055b3,calc(-9*var(--w)) 0 #0055b3}
    63.63% {text-shadow: 
            calc( 0*var(--w)) 0 #0055b3,calc(-1*var(--w)) 0 #0055b3,calc(-2*var(--w)) 0 #0055b3,calc(-3*var(--w)) 0 #0055b3,calc(-4*var(--w)) 0 #0055b3, 
            calc(-5*var(--w)) 0 #0055b3,calc(-6*var(--w)) -10px #0055b3,calc(-7*var(--w)) 0 #0055b3,calc(-8*var(--w)) 0 #0055b3,calc(-9*var(--w)) 0 #0055b3}
    72.72% {text-shadow: 
            calc( 0*var(--w)) 0 #0055b3,calc(-1*var(--w)) 0 #0055b3,calc(-2*var(--w)) 0 #0055b3,calc(-3*var(--w)) 0 #0055b3,calc(-4*var(--w)) 0 #0055b3, 
            calc(-5*var(--w)) 0 #0055b3,calc(-6*var(--w)) 0 #0055b3,calc(-7*var(--w)) -10px #0055b3,calc(-8*var(--w)) 0 #0055b3,calc(-9*var(--w)) 0 #0055b3}
    81.81% {text-shadow: 
            calc( 0*var(--w)) 0 #0055b3,calc(-1*var(--w)) 0 #0055b3,calc(-2*var(--w)) 0 #0055b3,calc(-3*var(--w)) 0 #0055b3,calc(-4*var(--w)) 0 #0055b3, 
            calc(-5*var(--w)) 0 #0055b3,calc(-6*var(--w)) 0 #0055b3,calc(-7*var(--w)) 0 #0055b3,calc(-8*var(--w)) -10px #0055b3,calc(-9*var(--w)) 0 #0055b3}
    90.90% {text-shadow: 
            calc( 0*var(--w)) 0 #0055b3,calc(-1*var(--w)) 0 #0055b3,calc(-2*var(--w)) 0 #0055b3,calc(-3*var(--w)) 0 #0055b3,calc(-4*var(--w)) 0 #0055b3, 
            calc(-5*var(--w)) 0 #0055b3,calc(-6*var(--w)) 0 #0055b3,calc(-7*var(--w)) 0 #0055b3,calc(-8*var(--w)) 0 #0055b3,calc(-9*var(--w)) -10px #0055b3}
}