{% 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
                </a>
            </div>
        </div>
    </div>
</section>
{% endblock %}