Update style.css

Author: MarjMart

public/style.css

@@ -1036,3 +1036,52 @@ body::after {
     box-shadow:
         0 30px 60px rgba(15,23,42,0.15);
 }
+
+@media (max-width: 768px) {
+
+    .navbar {
+        justify-content: space-between;
+    }
+
+    .btn-nav {
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+    }
+
+    .nav-links {
+        position: fixed;
+        top: 0;
+        right: -100%;
+        width: 75%;
+        height: 100vh;
+
+        flex-direction: column;
+        justify-content: center;
+        align-items: flex-start;
+
+        padding: 40px;
+
+        background: rgba(255,255,255,0.85);
+        backdrop-filter: blur(20px);
+
+        transition: 0.4s ease;
+
+        box-shadow: -20px 0 40px rgba(0,0,0,0.1);
+
+        z-index: 9999;
+    }
+
+    .nav-links.active {
+        right: 0;
+    }
+
+    .menu-toggle {
+        display: block;
+    }
+
+    .btn-nav.hidden {
+    opacity: 0;
+    pointer-events: none;
+}
+}