---
import { Image } from 'astro:assets'
import logo from '../../public/static/logo.svg'
import Link from './Link.astro'
---

<Link href="/" class="contents">
  <div
    class="flex h-full items-center justify-center gap-3 pt-8 text-center font-mono text-3xl leading-none font-medium italic md:hidden lg:text-3xl"
  >
    <Image src={logo} alt="Logo" class="size-11" />
    <span>
      foss<span class="text-primary">cet</span>
    </span>
  </div>
</Link>