/* Structure principale */
main{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap : 3rem ;
}
/* Titre */
h1{
    color: var(--text-color);
}

.separator{
    height: 1px;
    width: 80%;
    margin-bottom: 1rem;    
}


/* Container Form */

.container-form{
    padding: 2.5rem;
}
/* Form */

form{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
        .form-group{
            display: flex;
            flex-direction: column;
            width: 50%;
        }
        .form-label{
            color: var(--text-color);
        }
        .form-control{
            border: var(--border-color);
            border-radius: var(--border-radius);
            padding: 0.5rem;
        }

}

.links{
    display: flex;
    justify-content: space-around;
    margin-top: 1rem;
}

.register , .admin-access , .forgotten-password{
    color: var(--text-color);
    a{
        color: var(--secondary-text-color);
        &:hover{
            color : var(--primary-hover-color);
        }
    }

}

/* Media queries */

@media screen and (max-width: 600px) {
    main{
        min-height: 50vh;
        gap: 0rem;
    }
 
}