form{

    width :50vw;
    display: flex;
    flex-direction: column;

    align-items: center;

    margin-top: 2vw;


}

form input[type="number"]{
    text-align: center;
}

form input[type="password"], form input[type="email"],form input[type="text"],form input[type="number"],form input[type="tel"], form textarea{
    margin-top: 2vw;
    font-size: 1vw;
}

#submit_login{

    margin-top: 3vw;
    color: white;
    font-size: 1vw;
    background-color: var(--back_header);

}

#create_account{

    margin-top: 2vw;

    height: 3vw;

    font-size: 1vw;
    width : 20vw;


}

.create_button{

    margin-top: 3vw;
    height: 5vw;
    font-size: 1.5vw;
}

#retour_account{
    margin-bottom: 5vw;
}


@media screen and (max-width: 769px) {

    form{

        width :80vw;  
        margin-top: 7vw;
    
    
    }
    
    form input[type="password"], form input[type="email"],form input[type="text"],form input[type="number"],form input[type="tel"]{
        margin-top: 7vw;
        font-size: 4vw;
        padding : 2vw;
        min-height : 8vw;
    }
    
    #submit_login{
    
        margin-top: 7vw;
        color: white;
        font-size: 4vw;
        background-color: var(--back_header);
        
    
    }
    
    #create_account{    
    
        margin-top: 5vw;
    
        height: 10vw;
    
        font-size: 4vw;
        width : 50vw;
    
    
    }
    
    .create_button{
    
        margin-top: 7vw;
        height: 10vw;
        font-size: 4vw;
        
    }

    



}