{% extends 'bare.html.twig' %}

{% block body %}
    <h2 class="px-4 py-4 text-3xl font-extrabold text-orange-500">404</h2>
    <div class="flex flex-col bg-orange-500/50 p-4 rounded-lg gap-4 w-full md:w-[420px] border-orange-500 border-2 text-gray-50 animate-fade">
        <div class="flex flex-col m-0 text-center">
            <h3 class="text-2xl text-bold text-center text-gray-50">It's not you, it's me!</h3>
            <small>(or is it?)</small>
        </div>
        <p class="mb-2">I don't know, maybe I used to have that page-maybe I didn't, but one thing's for sure: I
        don't have it now. Sorry!</p>
    </div>
{% endblock %}