{% extends "base.html" %}

{% block head %}
{{ super() }}

<style>
#main {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 600px;
}
</style>
{% endblock %}

{% block content %}
<img src="/static/assets/404.jpg" alt="http.cat for 404" height="300" />

<span id="text">
    <h1>I'm sorry I let you down...</h1>

    {% if request.path == "/femboys" %}
    <p>no bitches?</p>
    {% else %}
    <p>{{ request.path }} not found on the server! mayhaps you misspelt the url? (it happens to the best of us)</p>
    {% endif %}
</span>
{% endblock %}