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

.heading-font {
  font: 3.5em/120% "Share Tech Mono", monospace;
  letter-spacing: 0.03em; }

.page-container {
    display: flex;
    }
  .page-container h1 {
    margin: 0 0 0.5em 0;
    padding-top: 2em;
    line-height: 1.3em;
    }
  .page-container .side-nav {
    background-color: #ddd;
    height: calc(100vh - 5em);
    width: 20em;
    overflow-y: auto;
    box-sizing: border-box;
    border-top: 1em solid #d38f12;
    position: fixed; }
    .page-container .side-nav li {
      list-style: none;
      margin-bottom: 0.4em;
    }
    .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: 20em;
    box-sizing: border-box; }
    .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%; }

span.list-title {
    display: block;
    line-height: 1.2em;
}

span.list-date {
  font-size: 0.7em;
}

.main h3 {
  margin-bottom: 1.7em;
  }

@media screen and (max-width: 700px) {
    
}
}