* {
    box-sizing: border-box;
}

html {
    font-family: helvetica;
}

html, body {
    max-width: 100vw;
}

table {
    margin: auto;
    border-collapse: collapse;
    /*overflow-x: auto;*/
    display: block;
    width: fit-content;
    max-width: 100%;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
}
.table {
    width: fit-content;
}

td, th {
    border: solid rgb(200, 200, 200) 1px;
    padding: .5rem;
}

th {
    text-align: left;
    /*background-color: rgb(190, 220, 250);*/
    text-transform: uppercase;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: rgb(50, 50, 100) solid 2px;
    /*border-top: none;*/
}

td {
    white-space: nowrap;
    border-bottom: none;
    color: rgb(20, 20, 20);
}

    td:first-of-type, th:first-of-type {
        border-left: none;
    }

    td:last-of-type, th:last-of-type {
        border-right: none;
    }