/*tbody {
    display: block;
    height: 400px;
    overflow: auto;
    font-family: Verdana !important;
}

thead, tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
    font-family: Verdana !important;
}

div {
    font-family: Verdana !important;
}

label {
    font-family: Verdana !important;
}

thead {
    width: calc( 100% - 1em )
}*/

div.titulo {
    text-align: center;
}

div.titulo, p {
    font-weight: bold;
    font-style: italic;
}

div.cabecalho {
    text-align: center;
    font-size: xx-large;
}

div.tarea {
    border: 1px inset #ccc;
    background-color: white;
    font: small courier, monospace black;
    width: 100%;
    height: 350px; /* or whatever measurements you want */
    overflow: auto; /* in most browsers, this will results in a scrollbar when there's more content than can fit in the dimensions defined above */
}

dl {
    display: grid;
    grid-template: auto / 10em 1fr;
}

dt {
    background: #fee;
    grid-column: 1;
}

dd {
    background: hsl(220, 10%, 95%);
    grid-column: 2;
}

dt, dd {
    margin: 0;
    padding: .3em .5em;
    border-top: 1px solid rgba(0,0,0,.1);
}