@font-face {
    font-family: "ibm-vga-8x16";
    src: url("/assets/ibm-vga-8x16.woff");
}

body {
    background-color: #1c1c1c; /* coco's black */
    color: #dcdcdc; /* gainsboro */
    font-family: "ibm-vga-8x16", monospace;
    font-size: 16px;
    line-height: 1.5em;
}

div.content {
    margin-top: 2em;
}

pre.ansi {
    color: #dda0dd; /* plum */
    font-family: inherit;
    line-height: 1em;
    text-shadow: 0 0 0 #dda0dd; /* plum */
}

div.html, div.section, ul {
    margin: 0;
}

div.html {
    padding-left: 2ch;
}

div.section {
    padding-left: 1ch;
    width: 43ch;
}

ul {
    list-style: square;
    padding-left: 2ch;
}

@supports (content: "x") {
    ul {
        list-style: none;
        padding-left: 1ch;
    }

    li {
        padding-left: 2ch;
        position: relative;
    }

    li:before {
        content: "*";
        left: 0;
        position: absolute;
    }
}

a {
    color: #dda0dd; /* plum */
    text-decoration: none;
}

a:hover {
    color: #ffccff; /* sugar chic */
}