:root {
    --border: #e5e5e5;
    --background: #ffffff;
    --dk-background: #3B3F40;
    --links: #1d8de2;
    --text: #484848;
    --code-bg: #ffffff;
    --note: #ffffd8;
    --bold: #82668f;
}

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

code.hljs {
    padding: 3px;
}

.hljs {
    background: var(--code-bg);
    color: #179562;
    border: 1px solid var(--border);
    border-radius: 10px;
    font-size: smaller;

}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.hljs-comment,
.hljs-quote {
    color: #969896
}

.hljs-deletion,
.hljs-name,
.hljs-regexp,
.hljs-selector-class,
.hljs-selector-id,
.hljs-tag,
.hljs-template-variable,
.hljs-variable {
    color: #c750b9
}

.hljs-built_in,
.hljs-link,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-params,
.hljs-type {
    color: #46198a
}

.hljs-attribute {
    color: #9a0143
}

.hljs-addition,
.hljs-bullet,
.hljs-string,
.hljs-symbol {
    color: #006dbb
}

.hljs-section,
.hljs-title {
    color: #005207
}

.hljs-keyword,
.hljs-selector-tag {
    color: #6a437d
}