{% extends "main/main.html" %}
{% block content %}

  <div class="text-center py-20">
    <p class="text-7xl font-extrabold text-brand-600">404</p>
    <p class="text-xl font-semibold text-slate-700 mt-3">Page Not Found</p>
    <p class="text-slate-400 mt-2">Sorry, the page you are looking for is not available.</p>
    <a href="/" class="btn-primary mt-6">Back to Home</a>
  </div>

{% endblock content %}