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

code.hljs {
    padding: 3px 5px
}
/*

Style with support for rainbow parens

*/
.hljs {
    background: rgb(12,12,12);
    color: rgb(242,242,242)
}

.hljs-comment,
.hljs-quote {
    color: rgb(97,214,214)
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-type,
.hljs-addition {
    color: rgb(58,150,221)
}

.hljs-number,
.hljs-selector-attr,
.hljs-selector-pseudo {
    color: rgb(180,0,158)
}

.hljs-string,
.hljs-doctag,
.hljs-regexp {
    color: rgb(180,0,158)
}

.hljs-title,
.hljs-name,
.hljs-section,
.hljs-built_in {
    color: rgb(97,214,214)
}

.hljs-variable,
.hljs-template-variable,
.hljs-selector-id,
.hljs-title.class_,
.hljs-class .hljs-title {
    color: rgb(249,241,165)
}

.hljs-section,
.hljs-name,
.hljs-strong {
    font-weight: bold
}

.hljs-symbol,
.hljs-bullet,
.hljs-subst,
.hljs-meta,
.hljs-link {
    color: rgb(242,242,242)
}

.hljs-deletion {
    color: #dc322f
}

.hljs-formula {
    background: #eee8d5
}

.hljs-attr,
.hljs-attribute {
    color: #81a2be
}

.hljs-emphasis {
    font-style: italic
}