---
import Base from "../layouts/Base.astro";
import ContactFinger from "../components/ContactFinger.astro";
import { site } from "../data/site";
---

<Base title="contact — zach" description="get in touch with zach.">
  <section class="intro">
    <h1>contact</h1>
    <p class="lede">
      pick whatever youd like, ill probably respond fast ;).
    </p>
  </section>

  <ContactFinger />
</Base>

<style>
  .lede {
    color: var(--muted);
    max-width: 52ch;
    margin-top: 0.9rem;
    text-wrap: pretty;
  }
</style>