pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1.2rem;
    color: #e0e0e0;
    background: #1e1e1e;
    border-radius: 14px;
}

code.hljs {
    padding: 0.2rem 0.4rem;
    border-radius: 8px;
    background: rgba(30, 30, 30, 0.65);
}

.hljs-comment,
.hljs-quote {
    color: #6a9955;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
    color: #c586c0;
}

.hljs-number,
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-tag .hljs-attr {
    color: #b5cea8;
}

.hljs-string,
.hljs-doctag {
    color: #ce9178;
}

.hljs-title,
.hljs-section,
.hljs-selector-id {
    color: #dcdcaa;
}

.hljs-type,
.hljs-class .hljs-title {
    color: #4ec9b0;
}

.hljs-attribute,
.hljs-name,
.hljs-tag {
    color: #569cd6;
}

.hljs-regexp,
.hljs-link {
    color: #d16969;
}

.hljs-symbol,
.hljs-bullet {
    color: #9cdcfe;
}

.hljs-built_in,
.hljs-builtin-name {
    color: #4fc1ff;
}

.hljs-meta {
    color: #9cdcfe;
}

.hljs-emphasis {
    font-style: italic;
}

.hljs-strong {
    font-weight: 700;
}