.login-screen {
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    width: 60%;
    display: flex;
    min-height: 500px;

    .login-screen-logo {
        width: 35%;
        background: url("../images/loxinator-male-tux4-vP278po.png") no-repeat center center;
        background-size: cover;
    }

    &.midnight-mode {
        .login-screen-logo {
            background-image: url("../images/loxinator-midnight-NZDfJ1R.jpg");
        }
    }

    .login-screen-form {
        width: 65%;
        padding: calc(var(--bs-gutter-x) * 2);


    }
}