Ajout2 Commentaires de Gremah

Author: Mahamadou-dev

index.html

@@ -109,20 +109,20 @@ <h6 style="font-style: italic;"> Hello from Ukraine  </h6>
             </div>
             <!--End of REFRAZ1's message-->  
         <!--Amadou Habou Gremah Mahamadou : Farkon ayki(start) -->
-            <div class="container-DL">
-            <div class="flip-card-DL">
+            <div class="container-DLL">
+            <div class="flip-card-DLL">
                 <div class="flip-card-inner-DL" style="width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; position: relative;">
-                    <div class="flip-card-front-DL">
-                        <h1 class="flip-card-front-DL-h1">
+                    <div class="flip-card-front-DLL">
+                        <h1 class="flip-card-front-DLL-h1">
                             A big thank you to W3Schools for the invaluable resources, 
                             and to the creator of this brilliant card flip idea!
                             from <b>Niger</b>, "Mun gode" !
 
                         </h1>
                         <p style="font-size: small;">Survoler pour retourner</p>
                     </div>
-                    <div class="flip-card-back-DL">
-                        <h1 class="flip-card-back-DL-h1">
+                    <div class="flip-card-back-DLL">
+                        <h1 class="flip-card-back-DLL-h1">
                             GREMAH &#128076;
                         </h1>
                         <p>Gremah Mahamadou</p>
@@ -135,18 +135,18 @@ <h1 class="flip-card-back-DL-h1">
             </div>
 
             <style>
-            .flip-card-DL:hover .flip-card-inner-DL {
+            .flip-card-DL:hover .flip-card-inner-DLL {
                 transform: rotateX(180deg);
             }
 
-            .flip-card-DL {
+            .flip-card-DLL {
                 font-family: 'Roboto', sans-serif;
                 width: 350px;
                 height: 400px;
                 perspective: 1100px;
             }
 
-            .flip-card-back-DL {
+            .flip-card-back-DLL {
                 position: absolute;
                 width: 100%;
                 height: 100%;
@@ -163,7 +163,7 @@ <h1 class="flip-card-back-DL-h1">
                 transform: rotateX(-180deg);
             }
 
-            .flip-card-back-DL-h1 {
+            .flip-card-back-DLL-h1 {
                 font-family: 'Roboto', sans-serif;
                 font-size: 22px;
                 background-color: black;
@@ -175,7 +175,7 @@ <h1 class="flip-card-back-DL-h1">
                 margin: 0 0 0.5rem 0;
             }
 
-            .flip-card-front-DL {
+            .flip-card-front-DLL {
                 position: absolute;
                 width: 100%;
                 height: 100%;
@@ -185,13 +185,13 @@ <h1 class="flip-card-back-DL-h1">
                 align-items: center;
                 border: 1px solid black;
                 border-radius: 1rem;
-                background: linear-gradient(to bottom,rgb(255, 94, 0),white, green);
+                background: linear-gradient(to bottom,rgb(255, 94, 0),white, green) !important;
                 color: #000000;
                 box-shadow: -2px 10px 50px 10px black;
                 backface-visibility: hidden;
             }
 
-            .flip-card-front-DL-h1 {
+            .flip-card-front-DLL-h1 {
                 font-family: 'Roboto', sans-serif;
                 font-size: 22px;
                 background-color: rgba(255, 94, 0, 0.785);
@@ -203,7 +203,7 @@ <h1 class="flip-card-back-DL-h1">
                 border-radius: 100px;
             }
 
-            .container-DL {
+            .container-DLL {
                 display: flex;
                 margin: 2rem 0.5rem;
                 justify-content: center;