500.html

{% extends "base.html" %}
{% load static %}

{% block title %}
    ERROR 404 🛑
{% endblock %}

{% block content %}

<div class="relative h-screen overflow-hidden bg-indigo-900">
    <img src="https://www.tailwind-kit.com/images/landscape/8.svg" class="absolute object-cover w-full h-full"/>
    <div class="absolute inset-0 bg-black opacity-25">
    </div>
    <div class="container relative z-10 flex items-center px-6 py-32 mx-auto md:px-12 xl:py-40">
        <div class="relative z-10 flex flex-col items-center w-full font-mono">
            <h1 class="mt-4 text-5xl font-extrabold leading-tight text-center text-white">
                Server Error
            </h1>
            <p class="font-extrabold text-white text-8xl my-44 animate-bounce">
                500
            </p>
        </div>
    </div>
</div>

{% endblock %}