body {
    background-color: var(--gray-dark);
}

img {
    width: 100%;
}

.login-container {
    max-width: 80vw;
    margin:auto;
}

.slidein {
    animation-duration: 1s;
    animation-name: slidein;
}

/* DESKTOP */
@media only screen and (min-width: 768px) and (orientation: landscape) {
    img {
        max-width: 20rem;
        margin: auto;
    }
    .login-container {
        width: 25rem;
        margin:auto;
    }
}

@keyframes slidein {
    from {
        opacity: 0;
        transform: translateY(-3vh);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}