/* breathing animation */
@keyframes splash-animation {
    0% {
        filter: drop-shadow(0px 0px 0.5rem var(--splash-color));
    }

    100% {
        filter: drop-shadow(0px 0px 1.5rem var(--splash-color));
    }
}

@-webkit-keyframes splash-animation {
    0% {
        filter: drop-shadow(0px 0px 0.5rem var(--splash-color));
    }

    100% {
        filter: drop-shadow(0px 0px 1.5rem var(--splash-color));
    }
}

html, body, .app {
    margin: 0;
    height: 100%;
}

.splash-screen {
    --splash-color: #ffff01;
    background: #003466;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.splash__anim {
    animation: 1.3s ease-in-out 0s infinite alternate splash-animation;
}

.splash-screen-logo {
    min-width: 50vw;
    max-width: 80vw;
    max-height: 80vh;
}