From 511746cbb1561bd1d3aa5e57b00832ba91030b43 Mon Sep 17 00:00:00 2001
From: simon <simon@designkojo.net>
Date: Sat, 2 Sep 2023 11:03:53 +0900
Subject: [PATCH 1/2] move display to menu element, add transition to nav

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

diff --git a/index.html b/index.html
index 14c2abd..13e29f0 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@ <h3>The Mob</h3>
       <li><a href="#a">About</a></li>
       <li><a href="#c">Contact</a></li>
       <li><a href="#h">Home</a></li>
-    </menu>
+  </menu>
   </nav>
 </header>
 <main id="main" class="mobile-menu-active">
diff --git a/style.css b/style.css
index 357ba10..979745e 100644
--- a/style.css
+++ b/style.css
@@ -155,7 +155,7 @@ main[inert] {
 
 /* Mobile Menu */
 nav {
-  display: none;
+  display: flex;
   position: absolute;
   background: rgba(255,255,255,0.9);
   width: 100vw;
@@ -166,12 +166,18 @@ nav {
   align-items: center;
   justify-content: center;
   text-align: center;
+  transition: opacity 300ms 100ms ease-in-out;
+  opacity: 0;
 }
 nav.open {
-  display: flex;
+  opacity: 1;
 }
 menu {
   padding-left: 0;
+  display: none;
+}
+.open menu {
+  display: block;
 }
 menu li {
   list-style: none;

From 766ce2855fdfbc53b16bef45087ed99a5822bcf5 Mon Sep 17 00:00:00 2001
From: simon <simon@designkojo.net>
Date: Sat, 2 Sep 2023 11:04:59 +0900
Subject: [PATCH 2/2] format

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 13e29f0..14c2abd 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@ <h3>The Mob</h3>
       <li><a href="#a">About</a></li>
       <li><a href="#c">Contact</a></li>
       <li><a href="#h">Home</a></li>
-  </menu>
+    </menu>
   </nav>
 </header>
 <main id="main" class="mobile-menu-active">