.json-code {
      background-color: #2d2d30;
      border: 1px solid #3e3e42;
      border-radius: 10px;
      padding: 15px;
      max-width: 1200px;
      position: relative;
  }

  .json-line {
      margin: 0;
      line-height: 1.6;
  }

  .json-indent-0 {
      padding-left: 0;
  }

  .json-indent-1 {
      padding-left: 20px;
  }

  .json-indent-2 {
      padding-left: 40px;
  }

  .json-indent-3 {
      padding-left: 60px;
  }

  .json-indent-4 {
      padding-left: 80px;
  }

  .json-brace {
      color: #ffd700;
      font-weight: bold;
  }

  .json-key {
      color: #9cdcfe;
      font-weight: bold;
  }

  .json-string {
      color: #ce9178;
  }

  .json-boolean {
      color: #569cd6;
      font-weight: bold;
  }

  .json-number {
      color: #b5cea8;
      font-weight: bold;
  }