in-bottom: 0.5rem;
      }
    </style>
  </head>
  <body
    class="margin-0 width-100 height-100"
    style="display: grid; grid-template-columns: 250px 1fr"
  >
    <nav
      class="flex-column padding-4 border-right-1 border-black background-gray"
    >
      <h4 class="margin-0">Jump to section:</h4>
      <ul class="padding-left-3">
        <li><a href="#purpose">Purpose</a></li>
        <li><a href="#differences">What makes this different?</a></li>
        <li><a href="#usage">Getting Started</a></l