@font-face {
    font-family: Arial, Helvetica, sans-serif;
    src: url(../fonts/ARIAL.TTF);
}

html {
    font-size: 62.5%;
    font-family: "Arial", sans-serif;
}

table {
    width: 500px;
    margin: 0 auto;
    text-align: center;
    font-size: 1.6rem;
}

.table-heading {
    font-size: 3rem;
    text-transform: capitalize;
}

.table-data {
    background: rgb(85, 85, 85);
    color: white;
    font-weight: bold;
    text-transform: uppercase;
}

tbody tr:not(.table-data):hover {
    cursor: pointer;
    background: rgb(157, 124, 124);
}

tr:nth-child(even) {
    background: rgb(236, 236, 236);
}

td {
    border: 1px solid rgb(234, 234, 234);
    border-collapse: collapse;
    padding: 10px;
}