<script lang="ts">
    import Header from "$lib/navigation/header.svelte";
    import Nav from "$lib/navigation/nav.svelte";

    const title = "404 - Not Found";
</script>

<svelte:head>
    <meta name="robots" content="noindex">
</svelte:head>

<Header {title} />
<h1 class="heading">There's no light at the end of this tunnel</h1>
<p>The page you were looking for wasn't found</p>
<p>Use the menu bar to try another destination</p>
<br />
<p class="err_code">Status: 404<br />Message: NOT_FOUND</p>
<Nav />

<style>
    .heading {
        color: var(--second-text-color);
    }
    .err_code {
        color: white;
    }
</style>
