.body-font {
  font: 1em/130% "Open Sans", sans-serif;
  letter-spacing: 0.13em; }

.heading-font {
  font: 3.5em/120% "Share Tech Mono", monospace;
  letter-spacing: 0.03em; }
  
.centred-container {
    max-width: 1400px;
}

.page-container {
  display: flex; }
  .page-container h1 {
    margin: 0 0 1.5em 0;
    padding-top: 2em;
    line-height: 1.2em;
    }
  .page-container .title-nav-container {
    width: 64em;
  }
  .page-container .side-nav,
  .page-container .title-nav {
    background-color: #ddd;
    height: calc(100vh - 5em);
    width: 18em;
    overflow-y: auto;
    box-sizing: border-box;
    border-top: 1em solid #d38f12;
    position: fixed; }
   .page-container .title-nav {
    border-top: none;
    width: 14em;
    background-color: transparent;
    font-size: 10px;
    color: #666;
    padding-top: 6em;
   }
   .page-container .title-nav h2 {
    font-weight: normal;
   }
   .page-container .title-nav h3 {
    font-weight: normal;
    margin-left: 1em;
   }
   .page-container .title-nav h4 {
    font-weight: normal;
    margin-left: 2em;
   }
    .page-container .side-nav li {
      list-style: none; }
    .page-container .side-nav > ul {
      padding: 2em; }
      .page-container .side-nav > ul > li > ul {
        padding: 0.75em 0 0.75em 2em; }
        .page-container .side-nav > ul > li > ul > li {
          font-size: 12px; }
          .page-container .side-nav > ul > li > ul > li a {
            text-indent: -1em;
            display: block; }
  .page-container .main {
    padding: 0 3em 3em 4em;
    margin-left: 18em;
  }
    .page-container .main li {
      margin: 0.5em 0.2em; }
    .page-container .main code {
      background-color: #e8e8e8; }
    .page-container .main code.code-block {
      display: block;
      padding: 0.5em 1em; }
      .page-container .main code.code-block p {
        margin: 0.5em 0; }
      .page-container .main code.code-block p:first-child {
        margin: 0; }
    .page-container .main img.block-image {
      max-width: 100%; }
    .page-container .main video.block-video {
        width: 100%;
    }
    .page-container .main span.anchor {
        display: block;
        height: 50vh;
        margin-top: -50vh;
        visibility: hidden;
    }