pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em;
    font-size: 1.2em;
    font-family: var(--font-monospace);
}

code.hljs {
    padding: 2px 5px;
}

.hljs {
    color: #eee;
    background: #121212;
}

.hljs-strong,
.hljs-emphasis,
.hljs-section {
    font-weight: 700;
}

.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal {
    color: #b2b376;
}

.hljs-code {
    background-color: #242424;
}

.hljs-comment,
.hljs-meta,
.hljs-emphasis,
.hljs-stronge,
.hljs-type,
.hljs-attribute,
.hljs-params {
    font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-section,
.hljs-symbol,
.hljs-name {
    color: #9475b2;
}

.hljs-built_in,
.hljs-subst,
.hljs-tag,
.hljs-title,
.hljs-selector-attr {
    color: #c8b9d7;
}

.hljs-variable,
.hljs-class .hljs-title,
.hljs-selector-class,
.hljs-selector-id,
.hljs-selector-pseudo {
    color: #b37fae;
}

.hljs-string {
    color: #76b38a;
}

.hljs-type,
.hljs-template-tag,
.hljs-template-variable,
.hljs-link {
    color: #b39a76;
}

.hljs-comment,
.hljs-meta {
    color: #70647b;
}

.hljs-addition {
    background: #0e4d0e;
}

.hljs-deletion {
    background: #4d0e0e;
}