@extends('layouts.app')

@section('content')
  <div class="alignfull relative flex items-center justify-center bg-dark-green-800 h-[80vh]
    before:content before:absolute before:right-0 before:bottom-0 before:w-[230px] before:h-full
    before:bg-no-repeat before:bg-right-bottom before:bg-contain
    before:bg-[url(../images/error-page-background.svg)] plg:before:w-[500px]
    xl2:before:w-[630px]">
    <div class="relative mx-auto w-full max-w-screen-md block-paddings text-white">
        <h1 class="text-6xl plg:text-8xl mb-10 plg:mb-16">404<br>
          <span class="font-bold text-2xl leading-tight plg:text-4xl">Wir können die Seite, die du
                suchst, leider nicht finden.</span>
        </h1>
        <a tabindex="0" href="/" rel="noopener" class="btn-primary btn-arrow-right">
          <span class="pr-5">Zurück zur Startseite</span>
        </a>
    </div>
  </div>
@endsection