table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    margin-top: 1em;
}


thead {
    position: sticky;
    position: -webkit-sticky;
    top: 2.5em;
    z-index: 10;
}


table th {
    height: 3em;
    font-size: large;
    font-weight: bold;
    padding-left: .5em;
    padding-right: .5em;
    text-align: left;
    align-content: end;

    background: linear-gradient(to bottom, white .5em, black .5em);
    color: white;
}

td {
    border: 1.5px solid white;
    padding: .5em;
    text-align: left;
}

/* Alternating row colors */
table tbody tr:nth-child(even) {
    background-color: #ededed;
}

table tbody tr:nth-child(odd) {
    background-color: #fcfcfc;
}