From 312598ea1b19090c773ac3e8e9721cdbe7be94d1 Mon Sep 17 00:00:00 2001
From: thaaoblues <thaaoblues81@gmail.com>
Date: Sat, 29 Apr 2023 10:22:11 +0200
Subject: [PATCH] =?UTF-8?q?adaptation=20pour=20petits=20=C3=A9crans?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/menu.css | 38 ++++++++++++++++++++++++--------------
 1 file changed, 24 insertions(+), 14 deletions(-)

diff --git a/assets/css/menu.css b/assets/css/menu.css
index 5747ba4..aeadfa6 100644
--- a/assets/css/menu.css
+++ b/assets/css/menu.css
@@ -24,19 +24,7 @@
 	bottom: 5vh;
 }
 
-@media all and (max-width: 800px) {
-	/* Add styles for smartphones screens */
-	#menu ul {
-	  height: auto;
-	  flex-direction: column;
-	  justify-content: center;
-	}
-	
-	#menu li {
-	  margin: 5px 0;
-	}
 
-}
 
 #menu li {
 margin: 0 10px;
@@ -56,11 +44,33 @@ margin: 0 10px;
 }
 
 #menu a:hover{
-	color: #c22828;
+	color: #e01111;
 	transform: translateY(-2px);
 }
-  
 
+/* Add styles for smartphones screens */
+@media all and (max-width: 800px) {
+	.menu {
+		position: fixed;
+		bottom: 0;
+		width: 100%;
+		height: 25vh;
+		z-index: 2;
+		overflow: visible;
+		transition: transform 0.3s;
+	}
+
+	#menu ul {
+	  height: auto;
+	  flex-direction: column;
+	  justify-content: center;
+	}
+	
+	#menu li {
+	  margin: 5px 0;
+	}
+
+}
 
 .mobile-menu {
 	display: block;