/* colors taken from tark reader extension */

* {
    scrollbar-color: #202324 #454a4d;
}

input, textarea, select, button {
    background-color: #181a1b;
    border-color: #736b5e;
    color: #e8e6e3;
}

/* end dark reader extension colors */

.main-page {
    background-color: #181818;
}

.main-content {
    background-color: #181818;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.center-div {
    margin: auto;
    width: 60%;
}

.active-button {
    background-color: #1d0159;
}

.white-text {
    color:  white;
}

.page-title {
    text-align: center;
}

.nopad {
    padding: 0px 0px;
}

.logo {
    max-height: 43px;
}

.blacklist-table {
    width: 60%;
}

.left-align {
    text-align: left;
}

table {
    table-layout: fixed;
}

table {
    word-break: break-word;
}

table, th, td {
    color: white;
    border: 1px solid #303436;
    border-collapse: collapse;
}

nav {
    margin-left: -8px;
    min-height: 25px;
}

ul {
    position: fixed;
    top: 0;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #0f0f0f;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-family: "Proxima Nova";
    font-size: 18px;
}

li a:hover {
    background-color: #38167f;
}