body {
    font: bold 14px/2;
}

.back-img {
    background-image: url('src/img/des.jpg');
    background-size: cover;
    background-position: center center;
}

#title {
    opacity: 90%;
    margin-top: 1rem;
}

.login-form {
    width: 20rem;
}

input {
    max-width: 100% !important;
    font-size: 0.9rem !important;
}

button {
    min-width: fit-content;
    max-width: min-content;
}

.enabledLink {
    cursor: pointer;
}

.disabledLink {
    cursor: default !important;
}


/*====== Spécification structure mot de passe ======*/
#password-specs {
    padding-top: 0.3rem;
    font-size: 0.8rem;
    font-style: italic;
}

#password-specs ul {
    list-style-type: none;
    padding-left: 1rem;
    margin-bottom: 0.5rem;
}

#password-specs .list-margin {
    padding-top: 0.3rem;
}

#password-specs .list-margin li {
    padding-left: 0.5rem;
}

#password-specs .list-margin li .password-spec-ok {
    margin-right: 0.5rem;
}


/*====== Téléphones ======*/
@media screen and (max-width: 600px) {
    h1 {
        font-size: 1.9rem !important;
    }

    h2 {
        font-size: 1.8rem !important;
    }

    h3 {
        font-size: 1.7rem !important;
    }

    h4 {
        font-size: 1.6rem !important;
    }

    h5 {
        font-size: 1.5rem !important;
    }

    h6,
    p {
        font-size: 1.1rem !important;
    }

    button {
        font-size: 0.9rem !important;
    }

    li {
        font-size: 1.1rem !important;
    }

    input[type='checkbox'] {
        width: 1.2rem;
        height: 1.2rem;
        margin-right: 0.5rem;
    }

}