body {
    width: 80%;
    margin: 6rem 10% 4rem;
}

h2 {
    font-size: x-large;
    font-weight: 600;
}

table {
    table-layout: auto;
    width: 100%;
}

/* Table */
.data-table {
    border-collapse: collapse;
    font-size: medium;
}

.data-table th, 
.data-table td {
    border: 1px solid #e1edff;
    padding: 1ch 1.5ch;
}

.data-table caption {
    margin: 1rem;
}

/* Table Header */
.data-table thead th {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: 400;
    background-color: #006800;
    color: #fffff7;
    border-color: #fffff7;
}

/* Table Body */
.data-table tbody td {
    font-family: monospace;
}

.data-table tbody tr:nth-child(odd) td {
    background-color: #f4fbff;
}

.data-table tbody tr:hover td {
    background-color: #ffffa2;
    border-color: #ffff0f;
}

/* Table Footer */
.data-table tfoot th {
    background-color: #e5f5ff;
    text-align: right;
}

.data-table tfoot th:first-child {
    text-align: left;
}