@charset "UTF-8";
form{
    background-color:  white;
    /* preenchimento do form */
    border-radius: 8px;
    align-content: center;  
    /* margin:10px 50px 10px 30% ;*/
    padding: 10px;

}

form fieldset{
    margin-top:  64px;
    border:  0;
}



form .field{
    flex:1;
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}

form .field-group{
    display: flex;
}



form input, textarea,
form select{
    background-color: #d4d4da;
    border:0;
    padding: 16px 24px;
    font-size:16px;

    border-radius: 8px;

    outline: none;
    
    /* marcação do campo para o usuário saber onde está
    opcional remover ou não
    outline: none;
    */

}

form textarea{
    vertical-align: top;
    resize: none;
    height: 9em;
    font-family: 'Titillium Web', sans-serif;
    outline: none;
}
form select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

form label{
    font-size:14px;
    margin-bottom: 8px;

}

form .field-group .field + .field{
    margin-left: 24px;
}

form button{
    width: 250px;
    height: 56px;
    
    background:#00ced7;
    font-weight:  bold;
    color: white;
    border-radius: 8px;
    font-size:16px;
    border:0;
    margin-top:14px;
    transition: 400ms;
    outline: none;
}

form button:hover{
    background-color: #005c83;
}

/* Fim Form*/