Page d'accueil : boutons circo data et margin générale du layout

src/routes/__layout.svelte

@@ -67,12 +67,12 @@
 <slot />
 
 <footer class="bg-gray-700">
-  <div class="mr-10 ml-10 mb-30">
-    <h2 class="m-5 mt-0 pt-10 text-2xl text-white font-bold">
+  <div class="mx-8 md:mx-16 ">
+    <h2 class="my-5 mt-0 pt-10 text-2xl text-white font-bold">
       À propos de LexImpact
     </h2>
-    <div class="grid md:grid-cols-3">
-      <div class="m-5">
+    <div class="grid md:grid-cols-3 gap-10">
+      <div class="my-0 md:my-5">
         <p class="text-white leading-relaxed font-serif pb-3 text-base">
           LexImpact est un service de l'Assemblée nationale depuis 2020. Il a
           pour objectif de faciliter l'accès au chiffrage des politiques
@@ -88,7 +88,7 @@
           alt="Logo de l'Assemblée nationale"
         />
       </div>
-      <div class="m-5">
+      <div class="my-0 md:my-5">
         <p class="text-white leading-relaxed font-serif pb-3 text-base">
           Pour comprendre comment fonctionnent les simulateurs LexImpact, vous
           pouvez consulter
@@ -98,7 +98,7 @@
           >
         </p>
       </div>
-      <div class="block m-5 ml-20">
+      <div class="my-0 md:my-5">
         <h3 class="text-white block text-base uppercase pb-5 tracking-widest">
           Simulateurs
         </h3>