.div-contact-form {
    background-color:var(--green);
    border-radius:0em;
    box-sizing:border-box;
    color:white;
    display:grid;
    font-family:'Open Sans';
    row-gap:1em;
    grid-template-columns:1fr;

    padding:1em;
width:100%;
}


.div-contact-form label {
    font-weight:200;
    color:white;
}


.div-contact-field {
    font-size:0.8em;
    font-weight:bold;
}


.input-contact-single {
    border:none;
    border-radius:0em;
    height:2em;
    width:100%;
}

.div-contact-double {
    display:grid;
    gap:1em;
    grid-template-columns:1fr 1fr;
}

.form-contact {
    display:inline;
}    


.textarea-contact-single {
    border:none;
    border-radius:0em;
    height:10em;
    min-height:4em;
    min-width:100%;
    max-width:100%;
}

.input-contact-button {
    color:white;
    background-color:var(--green);
    border:1px solid white;
    padding:0.25em 1em 0.25em 1em;
        font-family:'Open Sans';
        font-size:0.9em;
            font-weight:200;
}

.div-contact-error {
    color:chocolate;
}

.div-contact-sent {
    color:green;
    padding: 1em 0 0 0;
}