* {
    scrollbar-color: #eee transparent;
}

html {
    background: #000000;
    background: linear-gradient(to bottom, #100018, #000000) fixed;
    color: #eee;
    font-family: Verdana, sans-serif;
    scrollbar-color: #eee #000;
}

body {
    margin: auto;
    padding: 1em;
    max-width: 48rem;
}

a {
    color: #e6ccff;
}

code, pre {
    font-family: "Liberation Mono", ui-monospace, monospace;
}

pre {
    border: 1px solid #204;
    border-radius: 1em;
    padding: 0.5em;
    background: #102;
    color: #eee;
    overflow-x: auto;
}

table {
    border-collapse: collapse;
    border-bottom: 1px solid #eeeeee;
}

th, td {
    text-align: center;
    padding: 0.5em;
}

thead { border-bottom: 1px solid #eeeeee; }
tr { border-bottom: 1px dashed #eeeeee; }

dt {
    font-weight: bold;
}

.footnotes {
    font-size: 90%;
}

/* syntax highlighting */
/* i have only a vague idea what these abbreviations mean
   they're chosen by jekyll */

.c1, .cp { color: gray; }
.dl, .s, .s1 { color: yellow; }
.k, .kd, .kn { color: magenta; }
.mi { color: plum; }
.na { color: lime; }
.nd { color: lime; }
.nf { color: magenta; }
.nl { color: cyan; }
.no { color: cyan; }
.nt { color: magenta; }
.p { color: gray; }