pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em
}

code.hljs {
    padding: 3px 5px
}

.hljs {
    color: #403F53;
    background: #FBFBFB;
}

/* General Purpose */
.hljs-keyword {
    color: #994CC3;
    font-weight: bold; 
}

.hljs-built_in { color: #4876D6; }
.hljs-type { color: #994CC3; }
.hljs-number { color: #AA0982; }
.hljs-string { color: #C96765; }


.hljs-meta { color: #4876D6; }
.hljs-literal { color: #4876D6; }
.hljs-title { color: #4876D6; }
.hljs-params { color: #4876D6; }


.hljs-regexp {
    color: #5ca7e4
}


.hljs-subst {
    color: #d3423e
}

.hljs-symbol {
    color: #82aaff
}

.hljs-class {
    color: #403F53;
}

.hljs-function {
    color: #82AAFF
}



/* Meta */
.hljs-comment {
    color: #939DBB;
    font-style: italic
}

.hljs-doctag {
    color: #7fdbca
}


/* Tags, attributes, config */
.hljs-section {
    color: #82b1ff
}

.hljs-tag,
.hljs-name {
    color: #7fdbca
}

.hljs-attr {
    color: #7fdbca
}

.hljs-attribute {
    color: #80cbc4
}

.hljs-variable {
    color: #addb67
}

/* Markup */
.hljs-bullet {
    color: #d9f5dd
}

.hljs-code {
    color: #80CBC4
}

.hljs-emphasis {
    color: #c792ea;
    font-style: italic
}

.hljs-strong {
    color: #addb67;
    font-weight: bold
}

.hljs-formula {
    color: #c792ea
}

.hljs-link {
    color: #ff869a
}

.hljs-quote {
    color: #697098;
    font-style: italic
}

/* CSS */
.hljs-selector-tag {
    color: #ff6363
}

.hljs-selector-id {
    color: #fad430
}

.hljs-selector-class {
    color: #addb67;
    font-style: italic
}

.hljs-selector-attr,
.hljs-selector-pseudo {
    color: #c792ea;
    font-style: italic
}

/* Templates */
.hljs-template-tag {
    color: #c792ea
}

.hljs-template-variable {
    color: #addb67
}

/* diff */
.hljs-addition {
    color: #addb67ff;
    font-style: italic
}

.hljs-deletion {
    color: #EF535090;
    font-style: italic
}