<script lang="ts">
	import { page } from '$app/state';
	import { metaTitle } from '$lib/stores/metaTitle.svelte';
	$metaTitle.title = `${page.status} - ${page.error?.message}`;
</script>

<div class="flex h-[50dvh] flex-col items-center justify-center gap-0">
	<p class="text-center text-4xl">{page.status}</p>
	<p class="text-center text-3xl">{page.error?.message}</p>
</div>
