A Pen by seth kontny.

<header>
  <a class="off-canvas-trigger" href="#">
    <span>S</span><span>E</span><span>T</span><span>H</span><span></span>
    <span> K</span><span>O</span><span>N</span><span>T</span><span>N</span><span>Y</span><span></span>
  </a>
  <nav class="off-canvas">
    <ul class="off-canvas__list">
      <li><a class="off-canvas__link" href="">About</a></li>
      <li><a class="off-canvas__link" href="">Resume</a></li>
      <li><a class="off-canvas__link" href="">Projects</a></li>
      <li><a class="off-canvas__link" href="">Writings</a></li>
      <li><a class="off-canvas__link" href="">Contacts</a></li>
      <li><a class="off-canvas__link" href="">Links</a></li>
      <li><a class="off-canvas__link" href="">Other Links</a></li>
    </ul>
  </nav>
</header>
<main>
  <section>
    <h1>Persona Vox</h1>
  </section>
  <h1>SleepMedx Inc.</h1>
  </section>
  <h1>Solo collab</h1>
</main>
<footer>
</footer>