@font-face { font-family: police1; src: url("fonts/Combinedd.otf"); } html { display: block; } body { background-color: white; /* overflow-x: hidden; */ /* width: 100%; */ } /* ENTÊTE */ header { font-family: 'police1'; position: fixed; background: linear-gradient(315deg, rgba(77, 168, 112, 1) 0%, rgba(193, 4, 252, 1) 66%); top: 0; left: 0; margin: 0; padding: 1.2rem; height: auto; width: 100%; text-decoration: none; outline: none; font-size: 2rem; } header a { text-decoration: none; color: white; outline: none; } header a:hover { color: rgba(77, 168, 112, 1); } /* MENU */ .menu { 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; } .boutton { 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; }