.login-container {
    display: flex;
    margin: 5% 10% 0 10%;
    justify-content: center;
}

.login-header {
    flex: 3;
    order: 1;
    padding: 50px;
    color: var(--pbs-grey);
}

.login-form-container {
    flex: 2;
    order: 2;
    border-radius: 25px;
    background-color: var(--pbs-green);
    padding: 50px;
    text-align: right;
    margin-bottom: 20px;
}

.login-form-container label, h2, h4, p {
    color: white;
}

.logo-banner {
    display: flex;
    margin: 5% 10%;
    padding-left: 50px;
}

.logo-banner img {
    width: 250px;
}

#forgot-password {
    color: white;
}

#password-strength-indicator {
    width: 16rem;
    height: 2rem;
    text-align: center;
    border-radius: 10px;
    margin-left: auto;
    margin-right: 0;
    background-color: green;
    padding: 4px;
}

#password-strength-indicator p {
    color: white;
}

#login-response {
    color: red;
}

#reset-password-email {
    width: 20rem;
}

#password-info {
    color: red;
}