---
layout: default
---

<div class="flex h-screen overflow-hidden">
  {% include sidebar.html %}
  <div class="flex w-0 flex-1 flex-col overflow-hidden">
    <main class="relative flex-1 overflow-y-auto focus:outline-none">
      <div class="py-5">
        <div class="h-8"></div>
        <div class="mx-auto max-w-7xl px-4 sm:px-6 md:px-8">
          <div class="mt-5 sm:mb-12 lg:mb-16">
            <div class="mb-10 border-b border-gray-200 pb-10">
              <div>
                <h1 class="inline-block text-3xl font-extrabold tracking-tight text-gray-900">
                  {{ page.title }}
                </h1>
              </div>
              <p class="mt-1 text-lg text-gray-500">{{ page.description }}</p>
            </div>
            <div class="prose">{{ content }}</div>
          </div>
        </div>
      </div>
    </main>
  </div>
</div>