body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin: 0px;
    padding: 10px;
    background-color: #f4f1de;
    font-family: courier;
    font-size: 22px;
    text-align: center;
    overflow-y: scroll;
    scrollbar-width: 0px;
    -ms-overflow-style: none;
}

@media (max-device-width:768px) {
    html {
        zoom: 35% !important
    }
}

body::-webkit-scrollbar {
    display: none;
}

nav {
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

h1 {
    margin: 15px 0px;
}

h1, a {
    color: #b42313;
}

p {
    color: #280b26;
    font-size: 18px;
}

button {
    padding: 12px;
    color: #e65e4c;
    border: 3px solid #e65e4c;
    font-family: courier;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    background-color: #feb58b;
    min-width: 140px;
}

button:hover {
    border-color: #ad493b;
    color: #ad493b;
}

button:disabled {
    background-color: #facdac;
    border-color: #ec9887;
    color: #ec9887;
    cursor: not-allowed;
}

.box {
    margin: 0px auto;
    padding: 10px;
    display: flex;
    justify-content: center;
    width: fit-content;
    border: 2px solid black;
    background: #f9f8f0;
}

section {
    height: 100vh;
}

div#player-list > div {
    justify-content: center;
}

li {
    text-align: left;
}

table {
    border-spacing: 0px;
}

table, td {
    border: 1px solid black;
}

table#updates-table > tbody > tr > td {
    width: fit-content;
}

table#updates-table > tbody > tr > td:nth-of-type(3) {
    text-align: left;
}

body.bans, body.mods {
    background-color: black;
}

body.bans h1,
body.bans h2 {
    color: #b42313;
}

body.bans h3,
body.bans p {
    color: #feb58b;
}

body.bans button {
    color: #e65e4c;
    border-color: #e65e4c;
    background-color: #220000;
}

body.bans button:hover {
    border-color: #ad493b;
    color: #ad493b;
}

body.bans button:disabled {
    background-color: #110000;
    border-color: #770000;
    color: #770000;
    cursor: not-allowed;
}

body.mods h1,
body.mods h2 {
    color: #ffffff;
}

body.mods p,
body.mods small {
    color: #dadada;
}

body.mods p {
    text-align: left;
}

body.mods button {
    padding: 12px;
    color: #ffffff;
    border: 3px solid #ffffff;
    font-family: courier;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    background-color: #000000;
    min-width: 140px;
}

body.mods img {
    color: #ffffff;
    border: none;
    border-radius: 15px;
}