🔧 fix du header et édition du css

styles/footer.css

@@ -1,3 +1,9 @@
+@font-face {
+  font-family: "RobotoFlex";
+  src: url(../assets/fonts/RobotoFlex.ttf);
+  font-display: swap;
+}
+
 .site-footer {
   background-color: #26272b;
   padding: 45px 0 20px;
@@ -6,6 +12,7 @@
   color: #737373;
   opacity: 0.97;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
+  font-family: RobotoFlex;
 }
 .site-footer hr {
   border-top-color: #bbb;

styles/header.css

@@ -1,3 +1,9 @@
+@font-face {
+  font-family: "RobotoFlex";
+  src: url(../assets/fonts/RobotoFlex.ttf);
+  font-display: swap;
+}
+
 .menu-container {
   opacity: 0.97;
   position: relative;
@@ -12,6 +18,7 @@
   user-select: none;
   box-sizing: border-box;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
+  font-family: "RobotoFlex";
 }
 
 .menu-logo {
@@ -33,6 +40,8 @@
 
 .menu-container a:hover {
   color: #00c6a7;
+  transition: all 0.5s ease;
+  text-decoration: none;
 }
 
 .menu-container input {
@@ -90,8 +99,8 @@
 }
 
 .menu li {
-  padding: 15px 0;
-  font-size: 22px;
+  margin-top: 1rem;
+  font-size: 21px;
 }
 
 /* mobile styles */

styles/main.css

@@ -1,3 +1,9 @@
+@font-face {
+  font-family: "RobotoFlex";
+  src: url(../assets/fonts/RobotoFlex.ttf);
+  font-display: swap;
+}
+
 * {
   outline: none;
   margin: 0;
@@ -9,7 +15,7 @@ body {
   /* backdrop-filter: blur(5px); */
   background-size: cover;
   overflow-x: hidden;
-  font-family: Sans-Serif;
+  font-family: "RobotoFlex";
   margin: 0;
 }
 body::before {
@@ -19,7 +25,7 @@ body::before {
   left: 0;
   width: 100%;
   height: 100%;
-  background: rgba(0, 0, 0, 0.5);
+  background: rgba(0, 0, 0, 0.6);
   z-index: -1;
 }
 .login-container {
@@ -53,6 +59,14 @@ body::before {
   size: 10px;
 }
 
+h2.login-title {
+  font-family: "RobotoFlex";
+}
+
+p.login-subtitle {
+  font-family: "RobotoFlex";
+  padding-left: 0;
+}
 .form-group {
   margin-bottom: 1rem;
   text-align: left;
@@ -138,3 +152,21 @@ button:hover {
 .sign-up a:hover {
   text-decoration: underline;
 }
+
+/* Styles généraux*/
+
+h1 {
+  color: white;
+  font-size: 2rem;
+  margin-top: 1rem;
+  padding-left: 2rem;
+  text-transform: uppercase;
+  font-family: "RobotoFlex";
+}
+
+p.text {
+  color: white;
+  font-size: 1rem;
+  padding-left: 2rem;
+  font-family: "RobotoFlex";
+}