14 refactor last push

src/components/slides/SN14.js

@@ -9,14 +9,14 @@ export default function SN14() {
       <div className={base.divRoot}>
         <h1>Mais dans l&apos;urgence, il faut surtout garder son <Link href={"/conseils"}><span className={"text-white"}>calme</span></Link>.</h1>
         <div className={base.textclass}>
-          <p>
-            Effectuez des actions à <span className={"text-white"}>votre échelle</span>. Parlez en à vos proches.
-            Participez à des <span className={"text-white"}>actions collectives</span>. Chaque action compte, et vous
+          <p className={base.txt}>
+            Effectuez des actions à votre échelle. Parlez en à vos proches.
+            Participez à des initiatives collectives. Chaque geste compte, et vous
             n&apos;avez pas besoin de faire de sacrifices pour faire la
             différence.
           </p>
-          <p>
-            (oui, cela veut dire que vous n&apos;avez pas besoin d&apos;écouter
+          <p className={base.txt}>
+            (Oui effectivement, cela veut dire que vous n&apos;avez pas besoin d&apos;écouter
             un certain politicien qui nous a tous conseillé d&apos;uriner sous
             la douche.)
           </p>

src/components/slides/SN14.module.scss

@@ -1,12 +1,15 @@
 .divRoot {
-  color: black;
+  color: white;
   width: 100%;
+  height: 100%;
   display: flex;
   align-items: center;
+  justify-content: center;
   flex-direction: column;
   font-size: 32px;
 
   h1 {
+    text-shadow: 2px, 2px, 2px, black;
     font-size: 50px;
     margin-top: 15px;
   }
@@ -16,13 +19,21 @@
   }
 }
 
+.txt {
+  margin-bottom: 10vh;
+  text-align: center;
+}
+
 .textclass {
-  width: 70%;
-  align-self: self-start;
-  margin-left: 15px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
 }
 
 .linkclass {
+  color: black;
   align-self: self-end;
   margin-right: 40px;
   background-color: #adc178;