

#formContatti{
    display: grid;
    grid-auto-flow: row;
    
    width: 100%;
    padding: 1rem;
    gap: 0.3rem;

    grid-template-rows: fr;
}


label{
    font-weight: 700;
}

.formField{

    text-align: left;
    width:80%;
    
    padding: 1rem;
    
    font-size: 1.1rem;
    color: #444;
    background-color: #EFEFEF;
    border: 0px none;
    box-shadow: 1px 2px 3px #CCC;
    border-radius: 0.5rem;

    outline: none;

    transition: box-shadow 0.3s;
}

.formField:hover {

    box-shadow: 1px 2px 5px #c62026;
}


.tastoInvio{
    
    width: 50%;
    padding: 1rem;
    font-size: 1.1rem;

    background-color: #c62026;
    border: 2px solid  #801518;
    color: #FFF;

    text-align: center;
    text-transform: uppercase;

    cursor:pointer;
    margin:1rem auto 0px auto;

    border-radius: 0.5rem;
    
}


.message{
    margin: auto;
    padding: 1rem;
    font-size: 1.2rem;
    
    text-align: center;
    display: block;
    position:relative;
    margin-bottom: 1rem;

}

.error{
    background-color: #A00;
    color: #FFF;
}

.success{
    background-color: #0A0;
    color: #FFF;
}


.partecontatti{
    width: 100%;
}

textarea{
    height: 150px;
}