From 0ef3a80988c7d7b11275c8b28103e175892c3efb Mon Sep 17 00:00:00 2001
From: Dextrodark <faizalmohamed5302002@gmail.com>
Date: Thu, 8 Jun 2023 12:38:31 +0530
Subject: [PATCH 1/2] Fixed a menu

---
 css/responsive.css | 17 ++++++++++++-----
 css/style.css      |  1 +
 index.html         |  6 +++---
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/css/responsive.css b/css/responsive.css
index 91ccaa7..850d57b 100644
--- a/css/responsive.css
+++ b/css/responsive.css
@@ -27,19 +27,26 @@
 
   .nav-links {
     flex-direction: column;
-    width: 100%;
+    /* width: 100%; */
     height: 100vh;
     justify-content: center;
-    background: #484872;
+    /* background: #484872; */
     margin-top: -900px;
-    transition: all 0.5s ease;
+    transition: all 0.5s ease-in-out;
+    position: relative;
+    left: 45px;
   }
 
   .mobile-menu {
-    margin-top: 602px;
-    border-bottom-right-radius: 30%;
+    margin-top: 650px;
+    width: 180px;
+    /* border-bottom-right-radius: 30%; */
+    background: rgba(0, 0, 0,.5);
+    backdrop-filter: saturate(180%) blur(10px);
   }
 
+  
+
   .nav-links li {
     margin: 30px auto;
   }
diff --git a/css/style.css b/css/style.css
index 1f3f495..2ec25b4 100644
--- a/css/style.css
+++ b/css/style.css
@@ -188,6 +188,7 @@ header {
   position: absolute;
   top: 30px;
   right: 30px;
+  /* right:-160px; */
   width: 40px;
   cursor: pointer;
   display: none;
diff --git a/index.html b/index.html
index f96203e..e2e0ed6 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,7 @@
     <nav class="navbar glass" style="height: 70px;">
         <span><a href="#home" style="display:flex; align-items: center;"><img class="img2"src="https://drive.google.com/uc?export=view&id=18w44M_wq9TbQlwsK126yf8IAin4VxGiK" width="40"
             style="margin: -25px -10px -25px -20px"><h1 class="logo">ADVENTURE</h1></a></span>
-        <ul class="nav-links">
+        <ul class="nav-links ">
             <li><a href="#home" id="pri" class="active cir_border">Home</a></li>
             <li><a href="#events"  id="sec" class="cir_border">Tours</a></li>
             <li><a href="#explore" id="tri" class="cir_border">Explore</a></li>
@@ -27,11 +27,11 @@
             <li><a href="#contact" id="hex" class="cir_border">Contact</a></li>
             <li><div>
                 <input type="checkbox" class="checkbox dark" id="checkbox">
-              <label for="checkbox" class="label">
+            <label for="checkbox" class="label">
                 <i class="fa fa-moon-o"></i>
                 <i class='fa fa-sun-o'></i>
                 <div class='ball'>
-              </label>
+            </label>
             </div></li>
         </ul>
         <img src="./img/menu-btn.png" alt="" class="menu-btn">

From 9e27ce90fcfddc7ad2245c9d616cb4d30341a9a6 Mon Sep 17 00:00:00 2001
From: Dextrodark <faizalmohamed5302002@gmail.com>
Date: Mon, 12 Jun 2023 16:19:36 +0530
Subject: [PATCH 2/2] Width Fixed

---
 css/responsive.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/css/responsive.css b/css/responsive.css
index 850d57b..3f630bb 100644
--- a/css/responsive.css
+++ b/css/responsive.css
@@ -32,17 +32,18 @@
     justify-content: center;
     /* background: #484872; */
     margin-top: -900px;
-    transition: all 0.5s ease-in-out;
+    transition: all 0.5s ease-in;
     position: relative;
     left: 45px;
   }
 
   .mobile-menu {
     margin-top: 650px;
-    width: 180px;
+    width: 380px;
     /* border-bottom-right-radius: 30%; */
     background: rgba(0, 0, 0,.5);
     backdrop-filter: saturate(180%) blur(10px);
+    transition:all 0.5s ease-out ;
   }