shadow

assets/css/hero.css

@@ -21,7 +21,7 @@
   gap: 4rem; /* Space between items */
   margin: auto;
   /* margin-bottom: 4vh; */
-  background: linear-gradient(to bottom right, rgb(249, 178, 8), #E72E77);
+  background: linear-gradient(to bottom right, #FAB108, #E72E77);
   padding-right: 3vw; /* 40 px approx*/
   padding-left: 3vw;
 }
@@ -81,7 +81,7 @@
   width: 11vw;
   border-radius: 15px;
   border: 4px solid black;
-  box-shadow: 0 4px 8px rgba(249, 178, 8, 0.6);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }
 
 .hero-catch-phrase {
@@ -128,7 +128,7 @@
   color: #333;
   /* background-color: #fbfbfb; */
   border-radius: 20px;
-  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
 
 }
 
@@ -165,7 +165,8 @@
   height: auto;
   border-radius: 15px;
   border: 4px solid black;
-  box-shadow: 0 15px 25px rgba(231, 46, 119, 0.6);
+  box-shadow: 0 10px 20px rgba(249, 178, 8, 0.6);
+
 }
 
 /* Button at the end of the hero-second */
@@ -174,8 +175,8 @@
   display: flex;
   justify-content: center;
   padding: 40px 0;
-  background-color: white;
-  color: #E72E77;
+  color: white;
+  background-color: #E72E77;
   padding: 20px 40px;
   font-size: 1.6rem;
   font-weight: bold;
@@ -186,8 +187,8 @@
 }
 
 .hero-button-end:hover {
-  color: white;
-  background-color: #E72E77;
+  background-color: white;
+  color: #E72E77;
 }
 
 
@@ -260,6 +261,7 @@
 
   .bloc-text {
     font-size: 1.8rem;
+    box-shadow: none;
   }
   
   .bloc-text h3 {