troylusty.com/src/components/Hero.astro

---
import borel from "@fontsource/borel/files/borel-latin-400-normal.woff2?url";
---

<link
  rel="preload"
  as="font"
  type="font/woff2"
  href={borel}
  crossorigin="anonymous"
/>

<section class="mt-6 overflow-clip">
  <h1
    class="--translate-y-full animate-logo text-4xl font-bold text-pretty md:text-6xl"
  >
    Digital designer based in the <span
      class="animate-gradient-x bg-gradient-to-r from-indigo-500 from-10% via-sky-500 via-30% to-emerald-500 to-90% bg-clip-text px-1 font-['Borel'] text-3xl text-transparent md:text-5xl"
      >United Kingdom</span
    >.
  </h1>
</section>