body {
    background: rgb(16, 16, 16);
    color: rgba(255,255,255, 0.8);
    font-family: sans;
}

h1, h2, h3, h4, h5, h6 {
    color: rgba(255,255,255, 0.9);
}

a {
    color: rgba(128, 255, 0, 0.8) !important; /* important because of firefox quantum behavior (this is a [bad] pun) */
}

pre {
    /* taken from monokai pygments theme. needed because better themes' 
     * pre" styling overrides that of div.highlight used by pygments */
    background: rgb(24, 24, 24);
    color: #f8f8f2;
}

.sphinxsidebar {
    /*float: none;
    margin-left: 0;*/
    position: sticky;
    top: 0;
    max-height: 100vh;
    overflow-y: scroll;
}

.sphinxsidebar input {
    background-color: rgba(255,255,255, 0.1);
    border: 2px solid rgba(255,255,255, 0.2);
    padding: 1rem;
}

footer#pagefooter {
    color: rgba(255,255,255, 0.8);
}

dt:target,
.viewcode-block:target,
.highlighted {
    background-color: rgba(255,255,255, 0.25);
}

dl.class > dt > em.property,
dl.class > dt > code.descclassname,
dl.class > dt > code.descname,
dl.function > dt > em.property,
dl.function > dt > code.descclassname,
dl.function > dt > code.descname {
    font-size: 1.25rem;
}

.note {
    background-color: rgba(128, 255, 0, 0.1);
    border: 0 none;
}