<script>
	import LL from "$app/lib/i18n/i18n-svelte";
	import {link} from "svelte-spa-router";
</script>

<style>
    header {
        font-size: 12rem;
    }

    main {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
</style>

<main>
    <header>404</header>
    <p>{$LL.messages.pageNotFound()}</p>
    <a use:link
       href="/">{$LL.messages.goToFrontpage()}</a>
</main>
