From 6502aed76d51dcc0b422a2413a55baee6e33391e Mon Sep 17 00:00:00 2001
From: Ritesh Yadav <53623244+DARK-art108@users.noreply.github.com>
Date: Wed, 9 Sep 2020 17:48:19 +0530
Subject: [PATCH] Revert "Revert "auto-hide feature added to navbar""

---
 index.html | 3 ++-
 style.css  | 8 +++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 16db8cf..72c9c2c 100644
--- a/index.html
+++ b/index.html
@@ -33,6 +33,7 @@ <h1>The purpose is to<br> teach, bring learning to people</h1>
             </div>
         </section>
 
+    <div class="nav-div">
         <nav id="sideNav">
 
         <ul>
@@ -46,7 +47,7 @@ <h1>The purpose is to<br> teach, bring learning to people</h1>
         </ul>
       </nav>
       <img src="images/menu.png" id="menuBtn">
-
+    </div>
 
       <!--about-->
 
diff --git a/style.css b/style.css
index 2955e0d..a19dbb4 100644
--- a/style.css
+++ b/style.css
@@ -80,7 +80,13 @@ p {
   top: 0;
   background: #f67c92;
   z-index: 2;
-  transition: 0.5s;
+  transition: 0.3s;
+  transform: translateX(100%);
+  transition: transform .4s cubic-bezier(.4, 0, .2, 1) .2s;
+}
+.nav-div:hover #sideNav {
+    transform: translateX(0);
+    transition-delay: 0.3s;
 }
 nav ul li {
   list-style: none;