refactor et travail css

style.css

@@ -3,10 +3,6 @@
     src: url("fonts/Combinedd.otf");
   }
 
-  html {
-    display: block;
-  }
-
   body {
     background-color: white;
     /* overflow-x: hidden; */
@@ -43,15 +39,21 @@
   /* MENU */
 
   .menu {
+    position: inherit;
+    width: 100vw;
+    left: 0;
+  }
+
+  .menu-content{
     display: flex;
     flex-direction: row;
-    justify-content: left;
-    align-items: flex-start;
-    margin-top: 6vh;
-    padding: 2em;
-    gap: 0.3em;
-    align-self: flex-start;
-    width: 70vw;
+    justify-content: center;
+    /* align-items: flex; */
+    /* margin-top: 8vh; */
+    padding: 2rem;
+    gap: 1rem;
+    /* align-self: flex-start; */
+   
   }
 
   .boutton {
@@ -65,6 +67,7 @@
     transition-duration: 0.4s;
     cursor: pointer;
     border-radius: 16px;
+    background-color: white;
   }
 
   .boutton1 {
@@ -80,23 +83,28 @@
 
 
   /* GRILLE */
+  .grid-section{
+    display: block;
+    /* position: fixed; */
+    margin: 30%;
+  }
 
-  .grille01 {
+  .grid-main {
     display: grid;
-    margin-top: 40vh;
+    /* margin-top:20vh; */
     margin-right: 1vw;
     grid-template-columns: repeat(5, 1fr);
     grid-gap: 10px;
     grid-auto-rows: minmax(100px, auto);
   }
 
-  .grille_01 {
+  .grid1 {
     grid-column: 1 / 5;
     grid-row: 1 / 12;
     background-color: #c104fc;
   }
 
-  .grille_02 {
+  .grid2 {
     grid-column: 5 / 5;
     grid-row: 1 / 12;
     background-color: #4da870;