/*
this style is loaded directory from the HTML
and is not used in ReactJS because it is used
for preloading.
*/
.pre-react-splash {
    position: fixed;
    z-index: 30;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #11171f;
    background-image: url(../../resources/images/logo/white.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20vw;
    transition: 1s opacity ease-in, 1s transform ease-in;
    transition-delay: 1s;
    cursor: wait;
}
.pre-react-splash.hidden {
    opacity: 0;
    pointer-events: none;
    transform: scale(2);
}