<script>
    import "../styles/error-pages.css";
    import Button from "../components/Button/Button.svelte"; 
</script>

<div class="error-page">
    <div class="error-content">
        <div class="title">
            <h1 class="title-top">ci</h1>
            <h1 class="title-bottom">dispiace</h1>
            <span class="divider"></span>
        </div>
        <div class="error-message">
            <p class="error-description">Anche i sistemi migliori ogni tanto crollano...</p>
            <p>...l&apos;importante è intervenire tempestivamente e noi siamo gia al lavoro!</p>
        </div>
        <Button text="HOME" href="/" />
    </div>
    <div class="error-background">
        <h1 class="error-code">500</h1>
        <h1 class="error-text">ERROR</h1>
    </div>
</div>