pre code {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code {
  padding: 3px 5px
}
.hljs,
pre code {
  background: #213555;
  color: #F5EFE7;
}
/* General Purpose */
.hljs-keyword {
  color: #5db97d;
}
.hljs-built_in {
  color: #5db97d;
}
.hljs-type {
  color: #ff692d
}
.hljs-literal {
  color: #858AE3
}
.hljs-number {
  color: #F5EFE7
}
.hljs-regexp {
  color: #F5EFE7
}
.hljs-string {
  color: #33a196
}
.hljs-subst {
  color: #F5EFE7
}
.hljs-symbol {
  color: #F5EFE7
}
.hljs-class {
  color: #F5EFE7
}
.hljs-function {
  color: #F5EFE7
}
.hljs-title {
  color: #EA906C;
}
.hljs-params {
  color: #f6a944
}
/* Meta */
.hljs-comment {
  color: #4F709C;
}
.hljs-doctag {
  color: #7fdbca
}
.hljs-meta {
  color: #82aaff
}
.hljs-meta .hljs-keyword {
  color: #82aaff
}
.hljs-meta .hljs-string {
  color: #ecc48d
}
/* Tags, attributes, config */
.hljs-section {
  color: #82b1ff
}
.hljs-tag,
.hljs-name {
  color: #7fdbca
}
.hljs-attr {
  color: #7fdbca
}
.hljs-attribute {
  color: #80cbc4
}
.hljs-variable {
  color: #addb67
}
/* Markup */
.hljs-bullet {
  color: #d9f5dd
}
.hljs-code {
  color: #80CBC4
}
.hljs-emphasis {
  color: #c792ea;
}
.hljs-strong {
  color: #addb67;
  font-weight: bold
}
.hljs-formula {
  color: #c792eaf
}
.hljs-link {
  color: #ff869a
}
.hljs-quote {
  color: #697098;
}
/* CSS */
.hljs-selector-tag {
  color: #ff6363
}
.hljs-selector-id {
  color: #fad430
}
.hljs-selector-class {
  color: #addb67;
}
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #c792ea;
}
/* Templates */
.hljs-template-tag {
  color: #c792ea
}
.hljs-template-variable {
  color: #addb67
}
/* diff */
.hljs-addition {
  color: #addb67ff;
}
.hljs-deletion {
  color: #EF535090;
}