diff --git a/archive.html b/archive.html
index 8dde6db..e448049 100644
--- a/archive.html
+++ b/archive.html
@@ -91,27 +91,26 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li aria-hidden="true" id="here">
-            <a tabindex="-1" aria-hidden="true" href="#">archive</a>
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="sound-design.html">music</a>
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li aria-hidden="true" id="here">
+          <a tabindex="-1" aria-hidden="true" href="#">archive</a>
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/artwork.html b/artwork.html
index bb30277..0ae2291 100644
--- a/artwork.html
+++ b/artwork.html
@@ -88,31 +88,30 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li id="parent">
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="sound-design.html">music</a>
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li id="parent">
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/blog/2024-08-18-review-redemption-tour-klein.html b/blog/2024-08-18-review-redemption-tour-klein.html
index bfed6a4..b7bc8c4 100644
--- a/blog/2024-08-18-review-redemption-tour-klein.html
+++ b/blog/2024-08-18-review-redemption-tour-klein.html
@@ -98,30 +98,31 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li id="parent">
-            <a aria-label="Go to my Blog" href="index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
+    
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li id="parent">
+          <a aria-label="Go to my Blog" href="index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
 
     <aside id="socials">
       <a
diff --git a/blog/2024-09-28-about-me.html b/blog/2024-09-28-about-me.html
index 597508d..060bd38 100644
--- a/blog/2024-09-28-about-me.html
+++ b/blog/2024-09-28-about-me.html
@@ -92,31 +92,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li id="parent">
-            <a aria-label="Go to my Blog" href="index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li id="parent">
+          <a aria-label="Go to my Blog" href="index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/blog/2025-01-12-2024-music-retrospective.html b/blog/2025-01-12-2024-music-retrospective.html
index b3437b7..61e4008 100644
--- a/blog/2025-01-12-2024-music-retrospective.html
+++ b/blog/2025-01-12-2024-music-retrospective.html
@@ -96,31 +96,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li id="parent">
-            <a aria-label="Go to my Blog" href="index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li id="parent">
+          <a aria-label="Go to my Blog" href="index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/blog/2025-01-19-new-poetry.html b/blog/2025-01-19-new-poetry.html
index 562496b..b02f99e 100644
--- a/blog/2025-01-19-new-poetry.html
+++ b/blog/2025-01-19-new-poetry.html
@@ -92,30 +92,31 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li id="parent">
-            <a aria-label="Go to my Blog" href="index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
+    
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li id="parent">
+          <a aria-label="Go to my Blog" href="index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
 
     <aside id="socials">
       <a
diff --git a/blog/blog-post-template.html b/blog/blog-post-template.html
index 5885e2a..859e45a 100644
--- a/blog/blog-post-template.html
+++ b/blog/blog-post-template.html
@@ -89,31 +89,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li id="parent">
-            <a aria-label="Go to my Blog" href="index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li id="parent">
+          <a aria-label="Go to my Blog" href="index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/blog/index.html b/blog/index.html
index 4382054..99a43ba 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -92,31 +92,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li aria-hidden="true" id="here">
-            <a tabindex="-1" aria-hidden="true" href="#">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li aria-hidden="true" id="here">
+          <a tabindex="-1" aria-hidden="true" href="#">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/blog/music-recommendations.html b/blog/music-recommendations.html
index 98ff56f..9ba65b1 100644
--- a/blog/music-recommendations.html
+++ b/blog/music-recommendations.html
@@ -90,31 +90,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li id="parent">
-            <a aria-label="Go to my Blog" href="index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li id="parent">
+          <a aria-label="Go to my Blog" href="index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/blog/music-review-template.html b/blog/music-review-template.html
index 56d4d7b..115b451 100644
--- a/blog/music-review-template.html
+++ b/blog/music-review-template.html
@@ -92,31 +92,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li id="parent">
-            <a aria-label="Go to my Blog" href="index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li id="parent">
+          <a aria-label="Go to my Blog" href="index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/blog/pieces-of-me-in-magnetic-form.html b/blog/pieces-of-me-in-magnetic-form.html
index 802ad36..ada8843 100644
--- a/blog/pieces-of-me-in-magnetic-form.html
+++ b/blog/pieces-of-me-in-magnetic-form.html
@@ -95,31 +95,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li id="parent">
-            <a aria-label="Go to my Blog" href="index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li id="parent">
+          <a aria-label="Go to my Blog" href="index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/index.html b/index.html
index 1af1098..0abd31e 100644
--- a/index.html
+++ b/index.html
@@ -104,35 +104,35 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li aria-hidden="true" id="here">
-            <a tabindex="-1" aria-hidden="true" href="#">home</a>
-          </li>
-          <li id="music">
-            <a aria-label="Listen to my music" href="sound-design.html"
-              >music</a
-            >
-            <picture aria-hidden="true" id="arrow">
-              <source srcset="res/img-home-dothis.avif" type="image/avif" />
-              <source srcset="res/img-home-dothis.webp" type="image/webp" />
-              <img src="res/img-home-dothis.png" alt="" />
-            </picture>
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="My archive of Art, Poetry and Other-Media"
-              href="archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
+
+    <nav id="navigation">
+      <ul>
+        <li aria-hidden="true" id="here">
+          <a tabindex="-1" aria-hidden="true" href="#">home</a>
+        </li>
+        <li id="music">
+          <a aria-label="Listen to my music" href="sound-design.html">music</a>
+          <picture aria-hidden="true" id="arrow">
+            <source srcset="res/img-home-dothis.avif" type="image/avif" />
+            <source srcset="res/img-home-dothis.webp" type="image/webp" />
+            <img src="res/img-home-dothis.png" alt="" />
+          </picture>
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="My archive of Art, Poetry and Other-Media"
+            href="archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <main id="hero">
       <section id="hero-headshot">
         <picture>
diff --git a/poetry/an-obsidian.html b/poetry/an-obsidian.html
index 96843f9..dbc9154 100644
--- a/poetry/an-obsidian.html
+++ b/poetry/an-obsidian.html
@@ -83,31 +83,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/poetry/blackened-dust.html b/poetry/blackened-dust.html
index 7293af2..9f94f58 100644
--- a/poetry/blackened-dust.html
+++ b/poetry/blackened-dust.html
@@ -86,31 +86,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/poetry/brazen-word-token-i.html b/poetry/brazen-word-token-i.html
index 396d4f3..5c64925 100644
--- a/poetry/brazen-word-token-i.html
+++ b/poetry/brazen-word-token-i.html
@@ -92,31 +92,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/poetry/cave-in.html b/poetry/cave-in.html
index ee249f3..603faea 100644
--- a/poetry/cave-in.html
+++ b/poetry/cave-in.html
@@ -83,31 +83,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/poetry/crackle.html b/poetry/crackle.html
index 6760660..338a80e 100644
--- a/poetry/crackle.html
+++ b/poetry/crackle.html
@@ -86,31 +86,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/poetry/destroy-the-map.html b/poetry/destroy-the-map.html
index 5561763..cda1054 100644
--- a/poetry/destroy-the-map.html
+++ b/poetry/destroy-the-map.html
@@ -92,31 +92,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/poetry/i-am-art.html b/poetry/i-am-art.html
index d8ac97c..66f83dd 100644
--- a/poetry/i-am-art.html
+++ b/poetry/i-am-art.html
@@ -86,31 +86,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/poetry/index.html b/poetry/index.html
index 9f4d913..039c8da 100644
--- a/poetry/index.html
+++ b/poetry/index.html
@@ -86,31 +86,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li id="parent">
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a href="../blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li id="parent">
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a href="../blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/poetry/inspiring.html b/poetry/inspiring.html
index 9ffd6e1..5027baf 100644
--- a/poetry/inspiring.html
+++ b/poetry/inspiring.html
@@ -86,31 +86,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/poetry/into-the-dunes.html b/poetry/into-the-dunes.html
index 6486fdd..6525d0e 100644
--- a/poetry/into-the-dunes.html
+++ b/poetry/into-the-dunes.html
@@ -86,31 +86,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/poetry/oneironaut.html b/poetry/oneironaut.html
index bc8e81c..55b6f00 100644
--- a/poetry/oneironaut.html
+++ b/poetry/oneironaut.html
@@ -86,31 +86,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/poetry/our-lovely-sun.html b/poetry/our-lovely-sun.html
index 9368331..6970314 100644
--- a/poetry/our-lovely-sun.html
+++ b/poetry/our-lovely-sun.html
@@ -100,31 +100,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/poetry/red-and-purple-and-amber-and-black.html b/poetry/red-and-purple-and-amber-and-black.html
index 3e14ef8..2046f56 100644
--- a/poetry/red-and-purple-and-amber-and-black.html
+++ b/poetry/red-and-purple-and-amber-and-black.html
@@ -86,31 +86,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/poetry/stars.html b/poetry/stars.html
index 8bff76b..9398390 100644
--- a/poetry/stars.html
+++ b/poetry/stars.html
@@ -95,31 +95,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/poetry/theres-love-to-be-found-there.html b/poetry/theres-love-to-be-found-there.html
index 508a7f8..e7f6615 100644
--- a/poetry/theres-love-to-be-found-there.html
+++ b/poetry/theres-love-to-be-found-there.html
@@ -89,31 +89,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/poetry/this-will-destroy-you.html b/poetry/this-will-destroy-you.html
index 4ed6041..0e2f60a 100644
--- a/poetry/this-will-destroy-you.html
+++ b/poetry/this-will-destroy-you.html
@@ -86,31 +86,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/poetry/you-remind-me-of-it.html b/poetry/you-remind-me-of-it.html
index 56ad71b..07cc5cd 100644
--- a/poetry/you-remind-me-of-it.html
+++ b/poetry/you-remind-me-of-it.html
@@ -86,31 +86,32 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
-          </li>
-          <li>
-            <a aria-label="Listen to my music" href="../sound-design.html"
-              >music</a
-            >
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="../archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+        </li>
+        <li>
+          <a aria-label="Listen to my music" href="../sound-design.html"
+            >music</a
+          >
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="../archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/sound-design.html b/sound-design.html
index 4bcdf6e..22be72f 100644
--- a/sound-design.html
+++ b/sound-design.html
@@ -88,29 +88,30 @@
           </picture>
         </a>
       </div>
-      <nav>
-        <ul>
-          <li>
-            <a aria-label="Go Back to Homepage" href="index.html">home</a>
-          </li>
-          <li aria-hidden="true" id="here">
-            <a tabindex="-1" aria-hidden="true" href="#">music</a>
-          </li>
-          <div aria-hidden="true" id="whitespace"></div>
-          <li>
-            <a
-              aria-label="The Hub that links to my Art, Poetry and Other-Media"
-              href="archive.html"
-              >archive</a
-            >
-          </li>
-          <li>
-            <a aria-label="Go to my Blog" href="blog/index.html">blog</a>
-          </li>
-        </ul>
-      </nav>
     </header>
 
+    <nav id="navigation">
+      <ul>
+        <li>
+          <a aria-label="Go Back to Homepage" href="index.html">home</a>
+        </li>
+        <li aria-hidden="true" id="here">
+          <a tabindex="-1" aria-hidden="true" href="#">music</a>
+        </li>
+        <div aria-hidden="true" id="whitespace"></div>
+        <li>
+          <a
+            aria-label="The Hub that links to my Art, Poetry and Other-Media"
+            href="archive.html"
+            >archive</a
+          >
+        </li>
+        <li>
+          <a aria-label="Go to my Blog" href="blog/index.html">blog</a>
+        </li>
+      </ul>
+    </nav>
+
     <aside id="socials">
       <a
         href="https://www.soundcloud.com/nnwhen"
diff --git a/style.css b/style.css
index 6a19072..c91d052 100644
--- a/style.css
+++ b/style.css
@@ -127,7 +127,7 @@ a:hover {
 /* Banner */
 header {
   position: relative;
-  margin: 18px 0 40px 0;
+  margin-top: 24px;
 }
 #header-img-group-banner img {
   width: 100%;
@@ -144,22 +144,23 @@ header {
   right: 0;
   margin: auto;
 
-  height: 160px;
-  width: 180px;
+  height: 140px;
+  width: 160px;
 
   -o-object-fit: contain;
   object-fit: contain;
 
   background-color: var(--background);
+
+  z-index: 0;
 }
 
 /* NavList */
-header nav {
-  position: absolute;
+#navigation {
   width: 100%;
-  bottom: -5px;
+  margin: -25px auto 25px auto;
 }
-header nav ul {
+#navigation ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -174,44 +175,42 @@ header nav ul {
 
   font-size: 22px;
 }
-header nav ul li {
+#navigation ul li {
   position: relative;
   padding: 2px 0;
 
-  -webkit-box-flex: 1;
-  -ms-flex-positive: 1;
+  flex-wrap: wrap;
+  width: calc(100% / 5);
   flex-grow: 1;
 
   text-align: center;
   list-style: none;
 }
-header nav #whitespace {
-  -webkit-box-flex: 1;
-  -ms-flex-positive: 1;
-  flex-grow: 1;
+#navigation #whitespace {
+  width: calc(100% / 5);
 }
-header nav li#here a {
+#navigation li#here a {
   cursor: not-allowed;
   background-color: var(--accent-2);
   color: var(--background);
   text-decoration: line-through;
 }
-header nav li#parent a {
+#navigation li#parent a {
   background-color: var(--accent-2);
   color: var(--background);
 }
-header nav li#parent a::after {
+#navigation li#parent a::after {
   content: "*";
 }
-header nav li#parent a:hover {
+#navigation li#parent a:hover {
   background-color: var(--max-1) !important;
 }
-header nav li a {
+#navigation li a {
   padding: 2px 10px;
   color: var(--accent-2);
   background-color: var(--max-0);
 }
-header nav li:not(#here) a:hover {
+#navigation li:not(#here) a:hover {
   color: var(--background);
   background-color: var(--accent-2);
 }
@@ -227,6 +226,8 @@ header nav li:not(#here) a:hover {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  flex-wrap: wrap;
+
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
@@ -234,10 +235,10 @@ header nav li:not(#here) a:hover {
   -webkit-box-pack: space-evenly;
   -ms-flex-pack: space-evenly;
   justify-content: space-evenly;
-  margin: 25px 0;
 }
 #socials img {
   width: 40px;
+  margin: auto 20px;
 }
 #socials a {
   -webkit-transition: ease-in-out 100ms;
@@ -265,26 +266,27 @@ header nav li:not(#here) a:hover {
 
 @media only screen and (max-width: 790px) {
   header {
-    margin: 18px 0 80px 0;
+    margin-top: 18px;
   }
-  header nav {
-    position: absolute;
-    bottom: -50px;
+  #navigation {
+    margin: 5px auto;
   }
-  header nav ul li a img {
-    display: block;
+  #navigation ul li {
+    min-width: 91px;
+    margin: 10px auto;
+    flex-grow: 1;
+    flex-wrap: wrap;
   }
   #header-img-group-banner img {
     height: 50px;
   }
   #header-img-group-logo img {
-    height: 100px;
-    width: 120px;
+    height: 80px;
+    width: 100px;
   }
 
   #whitespace,
-  #arrow,
-  #here {
+  #arrow {
     display: none;
   }
   li#music:not(#here) a {
@@ -442,7 +444,7 @@ footer#free {
 
 /* asset layouts */
 .ly-sect {
-  margin: 40px 0;
+  margin: 20px auto;
 }
 .ly-sect > h1 {
   position: relative;
@@ -457,7 +459,7 @@ footer#free {
   display: -ms-flexbox;
   display: flex;
   width: min(95%, 2000px);
-  margin: 10px auto;
+  margin: auto;
 
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
@@ -497,9 +499,6 @@ footer#free {
   -o-transition: ease-in-out 100ms;
   transition: ease-in-out 100ms;
 }
-.ly-sect.ly-square {
-  margin: 40px 0;
-}
 .ly-sect.ly-square > h1 {
   display: inline-block;
   margin: 20px 20% 0 20%;