{% extends 'public_base.html' %}

{% block content %}
  <style>
    .error-page {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 70vh; /* enough height to vertically center in most cases */
      text-align: center;
      flex-direction: column;
    }

    .error-page h4 {
      font-size: 1.5rem;
      color: #555;
      margin: 0;
    }
  </style>

  <div class="error-page">
    <h4>😕 Sorry! The page you are trying to visit does not exist.</h4>
  </div>
{% endblock %}
