body {
    background-image: url("/images/wnp_background.png");
    background-color: var(--alt-blue);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#login-container {
    width: 100%;
    height: 100%;
}

#login-box {
    position: relative;
    top: 15dvh;

    width: 40%;
    max-width: 500px;

    border: 2px solid var(--alt-blue);
    border-radius: 8px;

    padding: 0.375rem;
    /* margin: 30dvh auto auto auto; */
    margin: auto;
    background-color: white;
}

#login-box > img {
    display: block;
    
    width: 100%;
    height: auto;

    margin: 0 auto;
    padding: 0 1.25rem;
}

#login-box > form {
    margin: 0.625rem 1.25rem;
}

@media (max-width: 767.98px) {

    #login-box {
        top: 5dvh;
        width: 80%;
    }

}