body {
    font-family: 'Minecraft';
    font-size: 1.5vw;
    padding-left: 15vw;
    padding-right: 15vw;
}
@media (max-aspect-ratio: 3/4) {
    body {
        font-size: 2vh;
        padding-left: 2.5vw;
        padding-right: 2.5vw;
    }
}
@media (prefers-color-scheme: dark) {
    body {
        background-color: #232323 !important;
        color: white !important;
    }
    tr:hover {
        background-color: #3d3d3d;
    }
    a {
        color: #fd73ff;
    }
    .commentBlock {
        background-color: #3d3d3d;
    }
    .usernamDisplay > a {
        color: white;
    }
    .topnav {
        background-color: #181818;
    }
    .topnav a {
        color: #d3a7ff;
    }
    .topnav a:hover {
        background-color: #8000ff;
        color: white;
    }
    .topnav a.active {
        background-color: #4d009a;
        color: white;
    }
    input[type="checkbox"] {
        border: 2px solid #df40ff !important;
    }
    .hamburger .bar, .hamburger:after, .hamburger:before {
        background-color: white !important;
    }
    .mobile-nav {
        background-color: #181818 !important;
    }
}
@media (prefers-color-scheme: light) {
    .topnav {
        background-color: #FFFFFF;
    }

    .topnav a {
        color: #373097;
    }

    .topnav a:hover {
        background-color: #e9d3ff;
        color: #8000ff;
    }

    .topnav a.active {
        background-color: #4d009a;
        color: white;
    }
    tr:hover {
        background-color: #ddd;
    }
    .commentBlock {
        background-color: #FCFAFA;
    }
    .usernamDisplay > a {
        color: black;
    }
}