{% extends 'base.html.twig' %}

{% block body %}
<div class="w-full h-screen flex flex-col items-center justify-center px-4">
    <div class="w-full max-w-md p-8 bg-gray-100 border border-gray-200 rounded-md">
        <h1 class="flex items-center justify-between mb-6">
            <img class="h-10 w-auto" src="{{ asset('build/images/logo.svg') }}" alt="My E&amp;P Team">
            <span class="text-3xl md:text-4xl leading-none font-bold text-gray-900">E&amp;P Team</span>
        </h1>
        <h2 class="text-2xl font-bold mb-8">
            ...ist vorübergehend außer Betrieb
        </h2>
        <p class="mb-8">
            Wir müssen gerade leider unaufschiebbare Wartungsarbeiten durchführen, sind aber schnellstmöglich wieder
            online. Versprochen.
        </p>
        <p>
            Vielen Dank für Dein Verständnis!
        </p>
    </div>
</div>
{% endblock %}