box shadow sur les li de la homepage

style.css

@@ -214,6 +214,19 @@
     overflow: hidden;
     padding: 1rem;
     margin: 0.5rem;
+    border-radius: 16px;
+    box-shadow: 2px 4px 8px 2px rgba(218, 109, 109, 0.2), 0 6px 20px 0 rgba(216, 24, 24, 0.19);
+    
+    /* FAIRE UNE GRID POUR QUE LES BOX AIELLENT TOUTES LA MÊME HAUTEUR */
+    
+    /* height: 65vh; */
+  }
+
+  #mosaic li:hover {
+    color: #c104fc;
+    border-color: #c104fc;
+    border-style: solid;
+    border-radius: 16px;
   }
 
   #mosaic img {
@@ -234,12 +247,6 @@
     margin: 1rem;
   }
 
-  #mosaic li:hover {
-    color: #c104fc;
-    border-color: #c104fc;
-    border-style: solid;
-    border-radius: 16px;
-  }
 
   /* LISTE ANNÉE, tag, etc */
 
@@ -311,7 +318,8 @@
     height: 700px;
     /* max-height: 800px ;  */
     position: relative;
-    margin: 0 auto;    /* margin-left: 10%; */
+    margin: 0 auto;
+    /* margin-left: 10%; */
     padding: 0.2rem;
     border-color: #c104fc;
     border-style: solid;