---
import MainLayout from "../layouts/MainLayout.astro";
---

<MainLayout title="Not found">
    <div class="flex flex-col items-center gap-3 text-center">
        <p class="text-xs font-medium tracking-[0.3em] text-white/40 uppercase">404</p>
        <h1 class="text-2xl font-semibold tracking-tight">Page not found</h1>
        <p class="text-sm text-white/50">
            That route does not exist. The list is over here.
        </p>
        <a href="/" class="mt-2 underline underline-offset-4 text-white/70 hover:text-white transition-colors">
            back to the list
        </a>
    </div>
</MainLayout>