pre .atn, pre .kwd, pre .tag {
    font-weight: 700
}

pre.prettyprint {
    background: #ffffff;
    font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
    border: 1px solid #e8e8e8;
    border-radius: 0.5rem;
}

.dark pre.prettyprint {
    background: #282c34;
    font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
    border: 1px solid #2f333d;
    border-radius: 0.5rem;
}

pre .nocode {
    background-color: none;
    color: #000
}

/*Light Mode*/

/* string content */
pre .str {
    color: #718c00
}
/* keyword */
pre .kwd {
    color: #8959a8
}
/* comment */
pre .com {
    color: #8e908c
}
/* type name */
pre .typ {
    color: #4271ae
}
/* literal value */
pre .lit {
    color: #f5871f
}
/* punctuation */
pre .pun {
    color: #4d4d4c
}
/* plain text */
pre .pln {
    color: #4d4d4c
}
/* lisp open bracket */
pre .opn {
    color: #4d4d4c;
}
/* lisp close bracket */
pre .clo {
    color: #4d4d4c;
}
/* markup tag name */
pre .tag {
    color: #c82829
}
/* markup attribute name */
pre .atn {
    color: #f5871f
}
/* markup attribute value */
pre .atv {
    color: #f5871f
}
/* declaration */
pre .dec {
    color: #f5871f
}
/* variable name */
pre .var {
    color: #c82829;
}
/* function name */
pre .fun {
    color: #4271ae;
}


/*Dark Mode*/

/* string content */
.dark pre .str {
    color: #98c379
}

/* keyword */
.dark pre .kwd {
    color: #C678DD
}
/* comment */
.dark pre .com {
    color: #7b8496
}
/* type name */
.dark pre .typ {
    color: #61afef
}
/* literal value */
.dark pre .lit {
    color: #cf9965
}
/* punctuation */
.dark pre .pun {
    color: #ABB2BF
}
/* lisp open bracket */
.dark pre .opn {
    color: #4d4d4c;
}
/* lisp close bracket */
.dark pre .clo {
    color: #4d4d4c;
}
/* plain text */
.dark pre .pln {
    color: #ABB2BF
}
/* markup tag name */
.dark pre .tag {
    color: #DF6B72
}
/* markup attribute name */
.dark pre .atn {
    color: #56B6C2
}
/* markup attribute value */
.dark pre .atv {
    color: #D7B051
}
/* declaration */
.dark pre .dec {
    color: #f5871f
}
/* variable name */
.dark pre .var {
    color: #c82829;
}
/* function name */
.dark pre .fun {
    color: #4271ae;
}


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

li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
    list-style-type: none
}

@media print {
    pre.prettyprint {
        background-color: none
    }

    code .str, pre .str {
        color: #060
    }

    code .kwd, pre .kwd {
        color: #006;
        font-weight: 700
    }

    code .com, pre .com {
        color: #600;
        font-style: italic
    }

    code .typ, pre .typ {
        color: #404;
        font-weight: 700
    }

    code .lit, pre .lit {
        color: #044
    }

    code .pun, pre .pun {
        color: #440
    }

    code .pln, pre .pln {
        color: #000
    }

    code .tag, pre .tag {
        color: #006;
        font-weight: 700
    }

    code .atn, pre .atn {
        color: #404
    }

    code .atv, pre .atv {
        color: #060
    }
}