---
import Layout from '@layouts/Layout.astro';
import { Image } from 'astro:assets';

import DataGif from '../img/it-does-not-exist.gif';
---

<Layout title="Not Found">
	<h2>404 - Page Not Found</h2>
	<Image
		class="gif"
		src={DataGif}
		alt="Data from Star Trek with the caption 'It does not exist'"
	/>
</Layout>

<style>
	h2 {
		text-align: center;
	}

	.gif {
		display: block;
		margin: auto;
		border-radius: var(--radius);
		box-shadow: var(--shadow);
	}
</style>