pre {
  code.hljs {
    background: #1d1e21;
    color: #abb2bf;
    padding: 24px !important;
    font-size: 0.875rem;
  }

  .hljs-tag {
    color: #abb2bf;

    .hljs-name {
      color: #e06c75;
    }
    .hljs-attr {
      color: #d19a66;
    }
    .hljs-string {
      color: #98c379;
    }
    .hljs-keyword {
      color: #c678dd;
    }
  }
  .hljs-name {
    color: #e06c75;
  }
  .hljs-attr {
    color: #f8f8f2;
  }
  .hljs-number {
    color: #d19a66;
  }
  .hljs-string {
    color: #98c379;
  }
  .hljs-keyword {
    color: #c678dd;
  }
}

[data-section="code"] {
  pre {
    code.hljs {
      min-height: 408px;
    }
  }
}