{% extends 'base.html.twig' %}
{% block title %}Erreur 404{% endblock %}
{% block body %}

<div class="text-center pt-5" style="height:100vh;">

  {{message_erreur}}

  <img src="/static/img/404.png" alt="404" class="zoom-hover" style="max-width:100vw;">

  <i class="h5 d-block pb-4"> La page que vous essayez d'atteindre n'existe pas ou vous n'êtes pas autorisé à la voir.</i>

  <hr class="mx-5 mb-4">

  <a href="/" class="btn btn-primary mdi mdi-arrow-left me-2">  Page d'accueil</a>

  <a href="/login" class="btn btn-outline-primary ms-2"> Login <span class="mdi mdi-arrow-right"></span> <a/>

</div>

<style media="screen">
  .zoom-hover {
    transition: transform .5s ease;
  }
  .zoom-hover:hover {
    transform: scale(1.2);
  }
</style>

{% endblock %}