.prettyprint {
    background: var(--pinky-theme-bg-color);
    font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
    border: 0 !important;
}

pre {
    font-size: 0.9375rem !important;
    line-height: 1.6 !important;
    margin-bottom: 1.6em !important;
    max-width: 100% !important;
    overflow: auto !important;
    padding: 1.5em !important;
}

ol.linenums {
    margin-top: 0;
    margin-bottom: 0;
    color: #969896;
}

li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9 {
    padding-left: 0.1em;
    background-color: var(--pinky-theme-bg-color);
    list-style-type: decimal;
}

.pln {
    color: #2196f3;
}

@media screen {

    /* string content */

    .str {
        color: #4b8b8b;
    }

    /* keyword */

    .kwd {
        color: #f813d2;
    }

    /* comment */

    .com {
        color: #969896;
    }

    /* type name */

    .typ {
        color: #ffeb3b;
    }

    /* literal value */

    .lit {
        color: #b45a3c;
    }

    /* punctuation */

    .pun,
    .pln {
        color: #ffffff;
    }

    /* lisp open bracket */

    .opn {
        color: #c5c8c6;
    }

    /* lisp close bracket */

    .clo {
        color: #c5c8c6;
    }

    /* markup tag name */

    .tag {
        all:unset;
        padding: 0;
        font-size: inherit;
        border-radius:0;
        color: #cc6666;
    }

    /* markup attribute name */

    .atn {
        color: #de935f;
    }

    /* markup attribute value */

    .atv {
        color: #8abeb7;
    }

    /* declaration */

    .dec {
        color: #de935f;
    }

    /* variable name */

    .var {
        color: #cc6666;
    }

    /* function name */

    .fun {
        color: #81a2be;
    }
}

:root {
    --pinky-theme-bg-color: #1a0617;
}