body {
    color: rgb(204, 204, 204);
    background-color: rgb(38, 38, 38);
    font-family: Arial, Helvetica, sans-serif;
}

#header {
    margin: auto;
    width: 90%;
    display: flex;
    justify-content: space-evenly;
}

#controls {
    margin: auto;
    width: 90%;
    display: flex;
    justify-content: center;
    padding-bottom: 25px;
}

button {
    background-color: rgb(170, 170, 170);
    border: 1px solid black;
    padding: 15px 32px;
    transition-duration: 0.3s;
    cursor: pointer;
    outline: none;
}

button:hover {background-color: rgb(100, 100, 100);}

#page-buttons {
    padding: 5px 16px;
    width: 90%;
    display: flex;
    margin: auto;
}
#first-page-button,#prev-page-button {
    margin-right: auto;
}
#left-page-buttons {
    margin-left: auto;
}



table {
    margin: auto;
    width: 90%;
    height: 700px;
    border-collapse: collapse;
}

table td, table th {
    border: 2px solid rgb(51, 51, 51);
    padding: 4px;
}
table th {
    color: white;
    background-color: rgb(22, 22, 22);
    height: 30px;
}

tr {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table tr:nth-child(even) {background-color: rgb(18, 18, 18);}

/* table tr:hover {background-color: rgb(11, 11, 11);} */

table a {
    color: rgb(106, 152, 175);
    font-weight: bold;
}