<script>
    import {leftover, goto} from '@roxi/routify'
    import Button from "../../Components/Button.svelte";

</script>
<div>
    <p>Error: {$leftover}</p>
    <p>That's all we know.</p>
    <p><a href="/"><Button blue rounded>Go Home</Button></a><Button yellow rounded>Go Back</Button></p>
</div>

<style>
    div {
        @apply flex flex-col w-screen h-screen justify-center items-center;
    }
    div > *:first-child {
        @apply text-6xl;
    }
    :global(button) {
        @apply m-1;
    }
</style>