h1 {
    margin-bottom: 20px;
}


.table-wrapper {
    overflow-x: auto;
}


table {
    margin: 0 auto 20px auto;
    border-collapse: collapse;
    border: 2px solid #4a4a4a;
}


thead {
    background-color: rgba(255, 255, 0, .4);
    font-size: 1.2rem;
}


thead th {
    font-weight: 600;
}


tbody th, tfoot th {
    font-size: 1.1rem;
    font-weight: normal;
    background-color: #fafafa;
}


tbody td:last-of-type, tfoot td:last-of-type {
    background-color: rgba(255, 215, 0, .2);
}


tfoot {
    border-top: 2px solid #4a4a4a;
}


tfoot th, tfoot td {
    font-weight: 500;
    color: #bf1313;
}


tr, th, td {
    border: 1px solid #4a4a4a;
    padding: 5px 20px;
    text-align: center;
}


p {
    text-align: center;
    margin-bottom: 20px;
}


.btn {
    width: max-content;
    display: block;
    margin: 0 auto;
}