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

    const title = "50x - Server Error";
</script>

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

<Header {title} />
<h1 class="heading">This page has been delayed by more servers than usual needing repairs at the same time</h1>
<p>There was an error with the server, please try again later</p>
<p>Use the menu bar to try another destination, you can report an issue from the 'Menu'</p>
<br />
<p class="err_code">Status: 50x<br />Message: INTERNAL_SERVER_ERROR</p>
<Nav />

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