agrandissement des tailles de texte et migration vers rem

src/_includes/layouts/base.njk

@@ -446,12 +446,6 @@ layout: layouts/html.njk
             }
         }
 
-        .elementor-133 .elementor-element.elementor-element-f5f4774 {
-            margin-top: 05em;
-            margin-bottom: 0em;
-            padding: 0px 0px 0px 0px;
-        }
-
         .elementor-133 .elementor-element.elementor-element-19e1783 {
             font-size: 16px;
             line-height: 22px;
@@ -1074,7 +1068,7 @@ layout: layouts/html.njk
 
 
 
-                <article class="single-page-article clr w-full">
+                <article class="clr mx-4 lg:mx-96 pt-8">
 
 
 

src/araberlin.njk

@@ -3,10 +3,10 @@ layout: layouts/base.njk
 ---
 
 <h1 class="mb-0">Araberlin</h1>
-<p class="mx-8 mt-0 text-5xl">
+<p class="my-0 text-3xl">
     de Jalila Baccar
 </p>
-<p class="mx-8">
+<p class="mt-0">
     Prix SACD de la Dramaturgie Francophone, 2003
 </p>
 

src/il.njk

@@ -81,7 +81,7 @@ layout: layouts/base.njk
                                         display: inline-block
                                     }</style>
                                 <h1 class="mb-0">«&nbsp;Il&nbsp;»</h1>
-                                <p class="text-5xl">de Driss Ksikes</p>
+                                <p class="text-3xl">de Driss Ksikes</p>
                                 <p><em>Création compagnie Kalimat</em></p>
                                 <ul>
                                     <li><em>Théâtre contemporain</em></li>
@@ -101,7 +101,7 @@ layout: layouts/base.njk
                                 <strong>Conseil artistique :</strong> Laurent Leclerc.<br>
                                 <strong>Administration :</strong>Mehdi Arfaoui.</p>
 
-                                <a class="bg-gray-500 no-underline text-white mx-auto w-fit p-4 border-4 border-black font-bold block border-solid text-4xl" target="_blank" href="/il/Dossier%20artistique%2015112021.pdf">
+                                <a class="bg-gray-500 no-underline text-white mx-auto w-fit p-4 border-4 border-black font-bold block border-solid text-2xl" target="_blank" href="/il/Dossier%20artistique%2015112021.pdf">
                                     Télécharger le dossier artistique
                                 </a>
                             </div>

src/index.njk

@@ -2,18 +2,16 @@
 layout: layouts/base.njk
 ---
 
-<article class="w-2/3 mx-auto pt-24 pb-16">
+	<p class="text-xl font-bold">Nous démarrons notre futur projet !<br><br>
-	<p class="text-3xl font-bold">Nous démarrons notre futur projet !<br><br>
 		Comme d’habitude, nous mettrons notre énergie, notre passion et notre expérience au service de la remarquable
 		pièce <a href="/araberlin/">ARABERLIN</a>. Un texte de la non moins remarquable Jalila Baccar, que j’ai eu l’honneur et le privilège de
 		rencontrer à Tunis en mars dernier.<br>
 		<br>
 		On vous tient au courant !</p>
 
-	<p class="text-3xl font-bold">Malika</p>
+	<p class="text-xl font-bold">Malika</p>
 
 	<figure class="w-full lg:w-[600px] mx-auto">
 		{% image "./src/images/malika_avec_jalila_baccar.jpg", "Malika Zirari avec Jalila Baccar à Tunis", "(min-width: 30em) 50vw, 100vw" %}
 		<figcaption>Jalila Baccar avec Malika Zirari à Tunis</figcaption>
 	</figure>
-</article>

src/style/kalimat.css

@@ -1,17 +1,27 @@
+html {
+    font-size: 1rem;
+}
+
 body {
-    font-size: 10em;
+    font-size: 1rem;
 }
 
 h1 {
-    font-size: 5rem;
+    font-size: 3rem;
-    @apply ml-8 mt-8;
+    @apply mt-2;
 }
 
 h2 {
-    font-size: 3rem;
+    font-size: 2rem;
     padding-top: 3rem;
 }
 
+p {
+    @apply text-justify;
+    font-size: 1.4rem;
+    line-height: 1.8rem;
+}
+
 a {
     text-decoration: underline;
 }