@media (min-width: 1800px) {
  html {
    width: 100%;
  }

  body {
    width: 100%;
  }

  .main-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
  }

  .sidebar-right {
    width: 10%;
  }

  .sidebar-left {
    width: 10%;
  }

  main,
  .main {
    max-width: 70%;
  }

  #toc {
    position: fixed;
    top: 50px;
    left: 50px;
    overflow-y: auto;
    scrollbar-width: none;
    max-height: 90vh;
  }
}

pre code {
  font-size: 85%;
  background-color: #f3f3f3;
  border: 1px solid #cccccc;
}

.hljs {
  color: #666666;
}