restyled text in footer

Views/errors/400.php

@@ -6,5 +6,5 @@
         echo '<p>Message d\'erreur&nbsp;: ' . $A_view . '</p>';
     }
     ?>
-    <a href="/">Retourner à l'accueil</a>
+    <a href="/">↩︎ Retourner à l'accueil</a>
 </main>

Views/errors/403.php

@@ -1,5 +1,5 @@
 <main class="errorPage">
     <h1>Erreur 403</h1>
     <h2>Vous n'avez pas l'autorisation d'accéder à cette page 😥</h2>
-    <a href="/">Retourner à l'accueil</a>
+    <a href="/">↩︎ Retourner à l'accueil</a>
 </main>

Views/errors/404.php

@@ -1,5 +1,5 @@
 <main class="errorPage">
     <h1>Erreur 404</h1>
     <h2>La page n'a pas été trouvée 😥</h2>
-    <a href="/">Retourner à l'accueil</a>
+    <a href="/">↩︎ Retourner à l'accueil</a>
 </main>

Views/errors/500.php

@@ -6,5 +6,5 @@
         echo '<p>Message d\'erreur&nbsp;: ' . $A_view .'</p>';
     }
     ?>
-    <a href="/">Retourner à l'accueil<a>
+    <a href="/">↩︎ Retourner à l'accueil<a>
 </main>

static/style.css

@@ -432,14 +432,25 @@ main.editRecipe > form > input[type=submit] {
 footer {
     display: flex;
     flex-direction: column;
-    gap: var(--size-max);
+    gap: var(--size-xl);
     justify-content: center;
     align-items: center;
     height: 200px;
-    width: 100vw;
+    width: calc(100vw - 2* var(--size-max));
     background: var(--grey-dark);
     color: var(--secondary-pastel);
     font-size: var(--size-xl);
+    padding: var(--size-max);
+    padding-top: var(--size-xl);
+    padding-bottom: var(--size-xl);
+    text-align: center;
+}
+footer > h1 {
+    font-size: var(--size-xl);
+
+}
+footer > p {
+    font-size: var(--size-l);
 }
 
 main.errorPage {
@@ -450,3 +461,17 @@ main.errorPage {
     flex-wrap: wrap;
     justify-content: center;
 }
+main.errorPage > h1 {
+    color: var(--principal-neutral);
+    font-size: var(--size-max);
+    font-weight: 800;
+}
+main.errorPage > h2 {
+    font-size: var(--size-xl);
+}
+main.errorPage > a {
+    color: black;
+    font-size: var(--size-l);
+    text-decoration: none;
+    margin-top: var(--size-m);
+}