{% extends "../master.njk" %}

{% block content %}
<div id="app" class="w-full min-h-svh flex align-center justify-center">
    <div class="m-auto max-w-lg relative p-6 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow">
        <h5 class="mb-2 text-3xl font-bold text-gray-900 dark:text-white">
            {{ message.title }}
        </h5>
        <p class="mb-5 text-base text-gray-500 sm:text-lg dark:text-gray-400">
            {{ message.text }}
        </p>
        <div class="flex items-center justify-end space-y-4 sm:flex sm:space-y-0 sm:space-x-4 rtl:space-x-reverse">
            <a href="{{ message.link }}" class="py-2 px-6 rounded text-sm text-white bg-primary-500 hover:bg-primary-600">
                Continue
            </a>
        </div>
    </div>
</div>

{% endblock %}