#loadingContainer{
    display: flex;
    list-style: none !important;
    font-size: 24svh;
    align-items: center;
    justify-content: center;
    margin-top: 10%;
    animation-name: loadingTransition;
    animation-play-state: running;
    animation-duration: 2s;
    color: #c6e2ff;
    text-shadow:
    0 0 6px rgba(202,228,225,0.92),
    0 0 30px rgba(202,228,225,0.34),
    0 0 12px rgba(30,132,242,0.52),
    0 0 21px rgba(30,132,242,0.92),
    0 0 34px rgba(30,132,242,0.78),
    0 0 54px rgba(30,132,242,0.92);
}

@keyframes loadingTransition {
    from {
        font-size: 20svh;
        text-shadow: none;
        color: black;
    }

    to {
        font-size: 24svh;
        text-shadow:
    0 0 6px rgba(202,228,225,0.92),
    0 0 30px rgba(202,228,225,0.34),
    0 0 12px rgba(30,132,242,0.52),
    0 0 21px rgba(30,132,242,0.92),
    0 0 34px rgba(30,132,242,0.78),
    0 0 54px rgba(30,132,242,0.92);
    }

}
@-moz-keyframes loadingTransition {
    from {
        font-size: 20svh;
        text-shadow: none;
        color: black;
    }

    to {
        font-size: 24svh;
        text-shadow:
    0 0 6px rgba(202,228,225,0.92),
    0 0 30px rgba(202,228,225,0.34),
    0 0 12px rgba(30,132,242,0.52),
    0 0 21px rgba(30,132,242,0.92),
    0 0 34px rgba(30,132,242,0.78),
    0 0 54px rgba(30,132,242,0.92);
    }

}

@-webkit-keyframes loadingTransition {
    from {
        font-size: 20svh;
        text-shadow: none;
        color: black;
    }

    to {
        font-size: 24svh;
        text-shadow:
    0 0 6px rgba(202,228,225,0.92),
    0 0 30px rgba(202,228,225,0.34),
    0 0 12px rgba(30,132,242,0.52),
    0 0 21px rgba(30,132,242,0.92),
    0 0 34px rgba(30,132,242,0.78),
    0 0 54px rgba(30,132,242,0.92);
    }

}