---
import SectionContainer from '../components/SectionContainer.astro';
import HeaderLink from '../components/HeaderLink.astro';
---
<SectionContainer>
    <main class="flex flex-col flex-1 justify-center items-center gap-4">
      <h1 class="text-3xl font-bold text-center">ooops! that's a 404 hehe...</h1>
      <div class="profile"></div>
    </main>
</SectionContainer>

<style>
    .profile {
        width: 12rem;
        height: 18rem;
        background: url("https://media1.tenor.com/m/vmSP8owuOYYAAAAd/huh-cat-huh-m4rtin.gif");
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 5px;
    }
</style>