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

code.hljs {
    padding: 3px 5px
}

.hljs {
    background: #272822;
    color: #ddd
}

.hljs-keyword, .hljs-literal, .hljs-name, .hljs-selector-tag, .hljs-strong, .hljs-tag {
    color: #f92672
}

.hljs-code {
    color: #66d9ef
}

.hljs-attribute, .hljs-link, .hljs-regexp, .hljs-symbol {
    color: #bf79db
}

.hljs-addition, .hljs-built_in, .hljs-bullet, .hljs-emphasis, .hljs-section, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-string, .hljs-subst, .hljs-template-tag, .hljs-template-variable, .hljs-title, .hljs-type, .hljs-variable {
    color: #a6e22e
}

.hljs-class .hljs-title, .hljs-title.class_ {
    color: #fff
}

.hljs-comment, .hljs-deletion, .hljs-meta, .hljs-quote {
    color: #75715e
}

.hljs-doctag, .hljs-keyword, .hljs-literal, .hljs-section, .hljs-selector-id, .hljs-selector-tag, .hljs-title, .hljs-type {
    font-weight: 700
}

.hljs {
    /*white-space: pre-wrap;*/
    /*overflow-x: clip;*/
    /*width: 80vw;*/

}