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

code.hljs {
    padding: 3px 5px
}

.hljs {
    background: rgb(156,10,125);
    background: linear-gradient(
        127deg, 
        rgba(156,10,125,0.6) 0%, 
        rgba(112,20,121,0.6) 11%,
        rgba(100,17,116,0.6) 18%,
        rgba(71,11,103,0.6) 35%,
        rgba(79,14,116,0.6) 70%,
        rgba(98,20,149,0.6) 81%,
        rgba(103,26,153,0.6) 86%,
        rgba(171,6,117,0.6) 100%
    );
    color: #e7e4eb
}

.hljs-subtr {
    color: #e7e4eb;
}

.hljs-comment,
.hljs-doctag,
.hljs-meta,
.hljs-quote {
    color: #af8dd9;
}

.hljs-attr,
.hljs-regexp,
.hljs-selector-id,
.hljs-selector-tag,
.hljs-tag,
.hljs-template-tag {
    color: #aefbff;
}

.hljs-bullet,
.hljs-params,
.hljs-selector-class {
    color: #f19fff;
}

.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-section,
.hljs-symbol,
.hljs-type {
    color: #d7b0ff;
}

.hljs-addition,
.hljs-link,
.hljs-number {
    color: #f5b194;
}

.hljs-string {
    color: #a7f1b1;
}

.hljs-addition,
.hljs-attribute {
    color: #e7ff9f;
}

.hljs-template-variable,
.hljs-variable {
    color: #e447ff;
}

.hljs-built_in,
.hljs-class,
.hljs-formula,
.hljs-function,
.hljs-name,
.hljs-title {
    color: #ffffffcc;
}

.hljs-deletion,
.hljs-literal,
.hljs-selector-pseudo {
    color: #ff9e44;
}

.hljs-keyword,
.hljs-section,
.hljs-selector-class,
.hljs-selector-id,
.hljs-selector-tag,
.hljs-strong,
.hljs-template-tag {
    font-weight: 400;
}

.hljs-params {
    color: #ffffffcc;
}