h1 {
    text-align: center;
}

h2 {
    font-size: 16px !important;
    text-align: center;
}

#content {
    font-family: 'Honovi';
    font-weight: bold;
}

.introtable {
    width: 800px;
}

table {
    margin: 0 auto;
    table-layout: fixed;
    border-collapse: separate;
    width: 600px;
    overflow-y: scroll;
    height: 500px;
}

th {
    background-color: #800000;
    color: white;
    text-align: center;
    border: 1px solid black;
    padding: 1px;
}

table,
td {
    padding: 1px;
    text-align: left;
    border: 1px solid black;
}

#mytable {
    background-color: #ebc68b;
    font-family: 'Honovi';
}

#mytable td {
    font-family: 'Honovi';
}

tr :hover:nth-child(even) {
    background-color: #4eb5f5;
    color: black;
}

@media all and (max-width:968px) {
    .introtable {
        width: 700px;
    }
}

@media all and (max-width:668px) {
    .introtable {
        width: 400px;
    }
    table,
    td {
        font-size: .8rem;
    }
}