.login-eyes-container {
    background-color: var(--primary);
}

.login-form-container {
    padding: 40px;
}

@media (max-width: 767px) {
    .login-form-container {
        flex: 75%;
    }

    .login-eyes-container {
        flex: 25%;
    }
}

@media (max-width: 992px) and (min-width: 767px){
    .login-eyes-container .yeux-fixe img {
        transform: rotate(90deg);
    }
}

.login-eyes-container .yeux-fixe {
    transform: rotate(180deg);
}

.login-eyes-container .yeux-fixe img {
    width: 30%;
    height: auto;
}

.login-form-button button:last-child {
    border: 1px solid var(--black-color);
}

.login-form-button > button:hover {
    border: none;
}

.login-container input {
    border: solid var(--black-color) 1px;
    padding: 0 20px;
    height: 44px;
    max-width: 460px;
    align-self: center;
}

.login-form-title p {
    text-align: center;
    max-width: 460px;
}

.login-container input::placeholder {
    color: var(--black-color-30-percent);
}

.login-container button[type="submit"] {
    background-color: var(--accent);
}

.login-container img {
    width: 223px;
    height: auto;
}

.login-form-container .retour-button {
    top: 80px;
}

.login-form-content {
    max-width: 460px;
    justify-self: center;
    width: 100%;
}

.login-form {
    max-width: 460px;
    align-self: center;
}

.login-form label[for="reset_password_request_form_email"] {
    float: left;
}