fichier original

style.css

@@ -0,0 +1,89 @@
+html{
+  display: block;
+}
+
+header{
+  position: fixed;
+  background: rgb(77,168,112);
+  background: linear-gradient(315deg, rgba(77,168,112,1) 0%, rgba(193,4,252,1) 66%);
+  top: 0;
+  left: 0;
+  margin: 0;
+  height: 10vh;
+  width: 100%;}
+
+body {
+  background-color:white;
+  /* overflow-x: hidden; */
+  /* width: 100%; */
+  margin-top: 8vh;
+  margin-left: 0s;
+}
+  
+@font-face{
+    font-family:police1;
+    src:url("fonts/Combinedd.otf");}  
+    
+h1{
+  font-family:police1;
+    font-size: 2rem;
+    color: white;
+    margin-left: 1.5vw;
+    margin-top: 4vh;
+}
+
+
+  /* MENU */
+
+.menu {
+  display: flex;
+  flex-direction: row;
+  justify-content:left;
+  align-items: flex-start;
+  margin: 0;
+  padding: 2em;
+  gap: 0.3em;
+  align-self: flex-start;
+  width: 70vw;
+}
+
+.boutton {
+  /* border: none; */
+  margin: 0;
+  width: auto;
+  padding: 0.8rem;
+  text-align: center;
+  text-decoration: none;
+  font-size: 0.8rem;
+  font-family: police1;
+  transition-duration: 0.4s;
+  cursor: pointer;
+  border-radius: 16px;}
+.boutton1 {
+  background-color: none; 
+  color: rgb(193,4,252); 
+  border: 1px solid rgb(193,4,252);}
+.boutton1:hover {
+  background-color: rgb(193,4,252);
+  color: white;}
+
+
+  /* GRILLE */
+
+.grille01 {
+  display: grid;
+  margin-top: 40vh;
+  margin-right: 1vw;
+  grid-template-columns: repeat(5, 1fr);
+  grid-gap: 10px;
+  grid-auto-rows: minmax(100px, auto);
+}
+.grille_01 {
+  grid-column: 1 / 5;
+  grid-row: 1 / 12;
+  background-color: #c104fc;
+}
+.grille_02 {
+  grid-column: 5 / 5;
+  grid-row: 1 / 12;
+  background-color: #4da870;}