diff --git a/style.css b/style.css
index dcf677a7..b17747a7 100644
--- a/style.css
+++ b/style.css
@@ -99,15 +99,24 @@
   transition: all 0.3s ease-in-out;
 }
 
-@media (max-width: 768px) {
-  /* .container {
+ @media (max-width: 768px) {
+    .container {
     flex-direction: column;
-    display: none;
-  }
-
+    background: linear-gradient(to right, rgba(128, 128, 128, 0.5), rgba(64, 64, 64, 0.5));
+    position: fixed;
+    top: 0;
+    left: 20%; /* Add margin from the left */
+    width: 80%; /* Adjust width to fit the remaining space */
+    height: 24rem;
+    z-index: 100;
+    padding: 1rem; 
+    }
+ }  
+  
+/*
   .navbar.open .container {
     display: flex; /* Show the navbar when the menu is open */
-  }
+  /* } */
 
   
   /* .hamburger {
@@ -128,3 +137,4 @@
     transform: rotate(-45deg) translate(5px, -5px);
   }
 }
+