.login-card {
    width: 95%;
    padding: 3rem;
    border-radius: 1rem;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.login-title {
    text-align: center;
    text-shadow: 0px 3px 6px rgba(66, 68, 90, 0.6);
}

.login-bg {
    background-image: url('/img/login-bg.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.login-logo {
    display:flex;
    justify-content:center;
    margin-bottom:2rem;
}
@media only screen and (min-width: 992px) {
    .login-card {
        width: 50%;
        padding: 5rem;
    }
}