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

p{
    color: var(--text-color);
    font-size: 1.2rem;
    text-align: center;
    a{
        color: var(--secondary-text-color);
        text-decoration: underline;
        cursor: pointer;
    }
}

/* Container Form */

.container-form{
    padding: 2.5rem;
}

/* Form */
form{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
        .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;
        }

}

/* Media Queries */

@media screen and (max-width: 600px) {
    main{
        min-height: 50vh;
        form{
            
            .form-group{
                width: 100%;
            }

        }
    }
    
}