body {
    margin: 0px;
    margin-top: 12px !important;
    background: #aaaaaa;
}

@font-face {
    font-family: Fixedsys Excelsior;
    src: url("typefaces/FSEX302.ttf");
}

@media (prefers-color-scheme: dark) {
    #button {
    background: #333 !important;
    border-color: #555 !important;
    }

    #button:hover {
    background: #555 !important;
    color: #fff !important;
    }

    #content, body {
    background: #151515 !important;
    }

    h1, h2, h3, li, ul, p, b {
        color: #eee;
    }

    a {
        color: #ccc !important;
    }

    a:hover {
        color: #fff !important;
    }

    #selected {
    background: #444 !important;
    }

    #specs {
    background: #444 !important;
    }

}

@font-face {
    font-family: Monocraft;
    src: url("typefaces/Monocraft.ttf");
}

h1, h2, h3, p, ul, a {
    font-family: "Fixedsys Excelsior",monocraft, verdana, arial;
    src: url("typefaces/Monocraft.ttf");
}

#button {
    padding: 8px;
    background: #bbb;
    margin: 0px;
}

#button:hover {
    background: #aaa;
    border-top: 4px solid #cca400 !important;
}

a {
    color: #000;
}

a:hover {
    color: #222;
}

#selected {
    background: #ccc;
    padding: 8px;
    margin: 0px;
    border-top: 4px solid #ffcd00;
    display: inline;
}

#specs {
    background: #ccc;
    margin: 0px;
    margin-top: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
}