.splash-page {
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fafafa;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;

    background-image: url("../media/login-bg.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.splash-container {
    text-align: center;
}

.splash-loader {
    align-items: center;
    width: 240px;
    height: 42px;
    -webkit-mask:
        radial-gradient(circle closest-side, #000 94%, #0000) 0 0/25% 100%,
        linear-gradient(#000 0 0) center/calc(100% - 24px) calc(100% - 24px) no-repeat;
    background:
        linear-gradient(#25b09b 0 0) 0/0% no-repeat #ddd;
    animation: l7 2s infinite linear;
}

@keyframes l7 {
    100% {
        background-size: 100%
    }
}

.splash-screen {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.splash-image-animation {
    max-width: 60%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}