{% extends 'base.html' %}


{% block content %}
<section class="py-48">
  <div class="w-full mx-auto">
    <div class="flex items-center justify-center" style="min-height:40vh;">
      <div class="flex flex-col items-center justify-center w-96 mx-auto">
        <h1 class="flex items-center justify-around space-x-2 text-2xl text-garage-gray">
          <span class="text-garage-orange font-semibold">HTTP 404</span>
        </h1>
        <p class="text-gray-900 font-light text-center">
          What a shame!<br>The page you are looking for does not exist.
        </p>
        <a href="/" class="text-garage-gray hover:text-garage-orange underline">
          Go back to homepage
        </p>
      </div>
    </div>
  </div>
</section>
{% endblock %}