{% extends "base.html" %}

{% block main %}
  {% include "includes/messages.html" %}

  <main class="relative flex w-full max-w-lg flex-auto flex-col items-center px-4 md:justify-center">
    <div class="w-full">
      <h2 class="mt-4 mb-6 border-b border-gray-300 pb-4 text-2xl font-medium md:mt-8 dark:border-gray-700">{{ page_title }}</h2>

      {% block content %}{% endblock %}
    </div>
  </main>
{% endblock %}