From 15979320990c0f0a3f4c91ef8d520389a3e6a32b Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Fri, 10 May 2024 17:06:10 +0800
Subject: [PATCH] Put navbar title in toggle button for mobile

---
 _site/about/index.html                        | 28 ++++++++-----------
 _site/archive/index.html                      | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 _site/articles/index.html                     | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 .../my-dislike-of-shipping-culture/index.html | 28 ++++++++-----------
 _site/blog/index.html                         | 28 ++++++++-----------
 _site/blog/page/2/index.html                  | 28 ++++++++-----------
 _site/blog/page/3/index.html                  | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 _site/blog/posts/index.html                   | 28 ++++++++-----------
 _site/categories/a-summers-end/index.html     | 28 ++++++++-----------
 _site/categories/anti-harry-potter/index.html | 28 ++++++++-----------
 _site/categories/anti-jk-rowling/index.html   | 28 ++++++++-----------
 _site/categories/cassette-beasts/index.html   | 28 ++++++++-----------
 _site/categories/dracula-daily/index.html     | 28 ++++++++-----------
 _site/categories/fandom-culture/index.html    | 28 ++++++++-----------
 _site/categories/index.html                   | 28 ++++++++-----------
 _site/categories/lesbian/index.html           | 28 ++++++++-----------
 _site/categories/life-updates/index.html      | 28 ++++++++-----------
 _site/categories/modding/index.html           | 28 ++++++++-----------
 _site/categories/my-birthday/index.html       | 28 ++++++++-----------
 _site/categories/my-interviews/index.html     | 28 ++++++++-----------
 _site/categories/site-anniversary/index.html  | 28 ++++++++-----------
 _site/categories/site-updates/index.html      | 28 ++++++++-----------
 _site/categories/star-wars-kotor-2/index.html | 28 ++++++++-----------
 _site/categories/star-wars-kotor/index.html   | 28 ++++++++-----------
 _site/changelogs/2022/index.html              | 28 ++++++++-----------
 _site/changelogs/2023/index.html              | 28 ++++++++-----------
 _site/changelogs/2024/index.html              | 28 ++++++++-----------
 _site/changelogs/index.html                   | 28 ++++++++-----------
 _site/changelogs/layouts/index.html           | 28 ++++++++-----------
 _site/changelogs/page/2/index.html            | 28 ++++++++-----------
 _site/changelogs/page/3/index.html            | 28 ++++++++-----------
 _site/changelogs/page/4/index.html            | 28 ++++++++-----------
 _site/changelogs/page/5/index.html            | 28 ++++++++-----------
 _site/feed.xml                                |  2 +-
 _site/index.html                              | 28 ++++++++-----------
 _site/links/index.html                        | 28 ++++++++-----------
 _site/now/index.html                          | 28 ++++++++-----------
 _site/projects/index.html                     | 28 ++++++++-----------
 _site/projects/kotor1mods/index.html          | 28 ++++++++-----------
 _site/projects/kotor2mods/index.html          | 28 ++++++++-----------
 _site/projects/playlists/index.html           | 28 ++++++++-----------
 _site/shrines/asummersend/gallery/index.html  | 28 ++++++++-----------
 _site/shrines/asummersend/index.html          | 28 ++++++++-----------
 .../shrines/asummersend/playlists/index.html  | 28 ++++++++-----------
 _site/shrines/asummersend/trivia/index.html   | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 .../cassettebeasts/articles/index.html        | 28 ++++++++-----------
 _site/shrines/cassettebeasts/facts/index.html | 28 ++++++++-----------
 .../cassettebeasts/featured/index.html        | 28 ++++++++-----------
 .../shrines/cassettebeasts/gamelog/index.html | 28 ++++++++-----------
 _site/shrines/cassettebeasts/index.html       | 28 ++++++++-----------
 .../cassettebeasts/resources/index.html       | 28 ++++++++-----------
 _site/shrines/index.html                      | 28 ++++++++-----------
 .../arren-kae-kreia-theory/index.html         | 28 ++++++++-----------
 .../faq-same-gender-romance-mods/index.html   | 28 ++++++++-----------
 .../handmaiden-sisters-mother/index.html      | 28 ++++++++-----------
 .../shrines/starwarskotor/articles/index.html | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 .../juhani-lesbian-evidence/index.html        | 28 ++++++++-----------
 .../articles/keep-juhani-a-lesbian/index.html | 28 ++++++++-----------
 .../partyswap-management-takeover/index.html  | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 _site/shrines/starwarskotor/guides/index.html | 28 ++++++++-----------
 .../kotor-juhani-romance-guide/index.html     | 28 ++++++++-----------
 .../kotor-redeeming-bastila-guide/index.html  | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 _site/shrines/starwarskotor/index.html        | 28 ++++++++-----------
 .../starwarskotor/resources/index.html        | 28 ++++++++-----------
 .../kotor-same-gender-romance-mods/index.html | 28 ++++++++-----------
 .../index.html                                | 28 ++++++++-----------
 .../tslrcm-m478ep-modules-music/index.html    | 28 ++++++++-----------
 .../starwarskotor/universes/index.html        | 28 ++++++++-----------
 _site/sitemap/index.html                      | 28 ++++++++-----------
 src/_includes/global/navbar.njk               | 28 ++++++++-----------
 91 files changed, 991 insertions(+), 1531 deletions(-)

diff --git a/_site/about/index.html b/_site/about/index.html
index 7ea9e231..0a00423f 100644
--- a/_site/about/index.html
+++ b/_site/about/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/archive/index.html b/_site/archive/index.html
index 191cc909..f0a17b04 100644
--- a/_site/archive/index.html
+++ b/_site/archive/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html b/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html
index ee294c8f..538ceab2 100644
--- a/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html
+++ b/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/articles/designated-lesbian-syndrome-fandom/index.html b/_site/articles/designated-lesbian-syndrome-fandom/index.html
index 573e0db8..263fef6b 100644
--- a/_site/articles/designated-lesbian-syndrome-fandom/index.html
+++ b/_site/articles/designated-lesbian-syndrome-fandom/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/articles/index.html b/_site/articles/index.html
index 36be6731..7a6a96b9 100644
--- a/_site/articles/index.html
+++ b/_site/articles/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/articles/kotor2-modder-interview-ars-technica/index.html b/_site/articles/kotor2-modder-interview-ars-technica/index.html
index 49e23a03..e6a63cd5 100644
--- a/_site/articles/kotor2-modder-interview-ars-technica/index.html
+++ b/_site/articles/kotor2-modder-interview-ars-technica/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html b/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html
index a5d0e499..3e8a6c98 100644
--- a/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html
+++ b/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/articles/my-dislike-of-shipping-culture/index.html b/_site/articles/my-dislike-of-shipping-culture/index.html
index cc948e87..84e5c202 100644
--- a/_site/articles/my-dislike-of-shipping-culture/index.html
+++ b/_site/articles/my-dislike-of-shipping-culture/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/blog/index.html b/_site/blog/index.html
index d5b39a14..e86f5871 100644
--- a/_site/blog/index.html
+++ b/_site/blog/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/blog/page/2/index.html b/_site/blog/page/2/index.html
index ed5838c3..f34a7183 100644
--- a/_site/blog/page/2/index.html
+++ b/_site/blog/page/2/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/blog/page/3/index.html b/_site/blog/page/3/index.html
index e29e4383..49f139b7 100644
--- a/_site/blog/page/3/index.html
+++ b/_site/blog/page/3/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html b/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html
index 0b369c37..5a587693 100644
--- a/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html
+++ b/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html b/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html
index cc8f67c4..97ef8970 100644
--- a/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html
+++ b/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html b/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html
index 2091f751..c576b9c8 100644
--- a/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html
+++ b/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html b/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html
index 3d323eb2..3703f552 100644
--- a/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html
+++ b/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html b/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html
index 385532fd..996fcb12 100644
--- a/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html
+++ b/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html b/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html
index b04b5910..62ee726e 100644
--- a/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html
+++ b/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html b/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html
index 498ca678..19718f39 100644
--- a/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html
+++ b/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html b/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html
index e9371dac..6b24dff4 100644
--- a/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html
+++ b/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html b/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html
index 225a53a3..b9f2bd35 100644
--- a/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html
+++ b/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html b/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html
index ed68a093..a84f629a 100644
--- a/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html
+++ b/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html b/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html
index d3a993fd..fa23bad5 100644
--- a/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html
+++ b/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html b/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html
index c38f9007..080291ae 100644
--- a/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html
+++ b/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html b/_site/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html
index e9b4592e..9a2f269d 100644
--- a/_site/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html
+++ b/_site/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/blog/posts/index.html b/_site/blog/posts/index.html
index b549b53e..5a6aa78a 100644
--- a/_site/blog/posts/index.html
+++ b/_site/blog/posts/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/categories/a-summers-end/index.html b/_site/categories/a-summers-end/index.html
index d5bcd901..e4c845c5 100644
--- a/_site/categories/a-summers-end/index.html
+++ b/_site/categories/a-summers-end/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/categories/anti-harry-potter/index.html b/_site/categories/anti-harry-potter/index.html
index 376162e7..15ee0880 100644
--- a/_site/categories/anti-harry-potter/index.html
+++ b/_site/categories/anti-harry-potter/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/categories/anti-jk-rowling/index.html b/_site/categories/anti-jk-rowling/index.html
index f35e5e0b..cb7a12c9 100644
--- a/_site/categories/anti-jk-rowling/index.html
+++ b/_site/categories/anti-jk-rowling/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/categories/cassette-beasts/index.html b/_site/categories/cassette-beasts/index.html
index 4fcc794f..a097723b 100644
--- a/_site/categories/cassette-beasts/index.html
+++ b/_site/categories/cassette-beasts/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/categories/dracula-daily/index.html b/_site/categories/dracula-daily/index.html
index 1e56a0ba..af35774c 100644
--- a/_site/categories/dracula-daily/index.html
+++ b/_site/categories/dracula-daily/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/categories/fandom-culture/index.html b/_site/categories/fandom-culture/index.html
index 77ee3843..31e5d780 100644
--- a/_site/categories/fandom-culture/index.html
+++ b/_site/categories/fandom-culture/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/categories/index.html b/_site/categories/index.html
index 18225f84..2151c5cf 100644
--- a/_site/categories/index.html
+++ b/_site/categories/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/categories/lesbian/index.html b/_site/categories/lesbian/index.html
index 5dc93376..be2d7a5b 100644
--- a/_site/categories/lesbian/index.html
+++ b/_site/categories/lesbian/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/categories/life-updates/index.html b/_site/categories/life-updates/index.html
index 5ee8cfed..69550ee9 100644
--- a/_site/categories/life-updates/index.html
+++ b/_site/categories/life-updates/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/categories/modding/index.html b/_site/categories/modding/index.html
index 9140d253..c6073f6c 100644
--- a/_site/categories/modding/index.html
+++ b/_site/categories/modding/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/categories/my-birthday/index.html b/_site/categories/my-birthday/index.html
index 4cc7930d..35d3a329 100644
--- a/_site/categories/my-birthday/index.html
+++ b/_site/categories/my-birthday/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/categories/my-interviews/index.html b/_site/categories/my-interviews/index.html
index 33290957..d4536516 100644
--- a/_site/categories/my-interviews/index.html
+++ b/_site/categories/my-interviews/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/categories/site-anniversary/index.html b/_site/categories/site-anniversary/index.html
index e1214299..0df10e35 100644
--- a/_site/categories/site-anniversary/index.html
+++ b/_site/categories/site-anniversary/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/categories/site-updates/index.html b/_site/categories/site-updates/index.html
index 9317770f..6678d2d7 100644
--- a/_site/categories/site-updates/index.html
+++ b/_site/categories/site-updates/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/categories/star-wars-kotor-2/index.html b/_site/categories/star-wars-kotor-2/index.html
index 5b654ea8..43762b1b 100644
--- a/_site/categories/star-wars-kotor-2/index.html
+++ b/_site/categories/star-wars-kotor-2/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/categories/star-wars-kotor/index.html b/_site/categories/star-wars-kotor/index.html
index 9089a2ee..dd48c61b 100644
--- a/_site/categories/star-wars-kotor/index.html
+++ b/_site/categories/star-wars-kotor/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/changelogs/2022/index.html b/_site/changelogs/2022/index.html
index 10efb7b2..dcb3e864 100644
--- a/_site/changelogs/2022/index.html
+++ b/_site/changelogs/2022/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/changelogs/2023/index.html b/_site/changelogs/2023/index.html
index b1b8b5b2..3614abd0 100644
--- a/_site/changelogs/2023/index.html
+++ b/_site/changelogs/2023/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/changelogs/2024/index.html b/_site/changelogs/2024/index.html
index 1001ef1b..34c67ac7 100644
--- a/_site/changelogs/2024/index.html
+++ b/_site/changelogs/2024/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/changelogs/index.html b/_site/changelogs/index.html
index 3fb62734..83ab330b 100644
--- a/_site/changelogs/index.html
+++ b/_site/changelogs/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/changelogs/layouts/index.html b/_site/changelogs/layouts/index.html
index 4a702d48..fc61fa82 100644
--- a/_site/changelogs/layouts/index.html
+++ b/_site/changelogs/layouts/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/changelogs/page/2/index.html b/_site/changelogs/page/2/index.html
index b57bf3cb..f412b810 100644
--- a/_site/changelogs/page/2/index.html
+++ b/_site/changelogs/page/2/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/changelogs/page/3/index.html b/_site/changelogs/page/3/index.html
index bed3eb5d..41d3e32c 100644
--- a/_site/changelogs/page/3/index.html
+++ b/_site/changelogs/page/3/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/changelogs/page/4/index.html b/_site/changelogs/page/4/index.html
index a70cead1..69fdbaab 100644
--- a/_site/changelogs/page/4/index.html
+++ b/_site/changelogs/page/4/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/changelogs/page/5/index.html b/_site/changelogs/page/5/index.html
index beb78783..9d36fd63 100644
--- a/_site/changelogs/page/5/index.html
+++ b/_site/changelogs/page/5/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/feed.xml b/_site/feed.xml
index 6a19ef60..634abba6 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -4,7 +4,7 @@
     <subtitle>Leilukin&#39;s personal website.</subtitle>
     <link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
     <link href="https://leilukin.neocities.org"/>
-    <updated>2024-05-10T08:55:41Z</updated>
+    <updated>2024-05-10T09:04:16Z</updated>
     <id>https://leilukin.neocities.org</id>
     <author>
         <name>Leilukin</name>
diff --git a/_site/index.html b/_site/index.html
index ae470869..742a15df 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/links/index.html b/_site/links/index.html
index b204af61..79688395 100644
--- a/_site/links/index.html
+++ b/_site/links/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/now/index.html b/_site/now/index.html
index cb57588b..5619ae73 100644
--- a/_site/now/index.html
+++ b/_site/now/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/projects/index.html b/_site/projects/index.html
index f72028ca..a3a2abc1 100644
--- a/_site/projects/index.html
+++ b/_site/projects/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/projects/kotor1mods/index.html b/_site/projects/kotor1mods/index.html
index 3b0ba176..6ac72aac 100644
--- a/_site/projects/kotor1mods/index.html
+++ b/_site/projects/kotor1mods/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/projects/kotor2mods/index.html b/_site/projects/kotor2mods/index.html
index 9ae4c099..74f95123 100644
--- a/_site/projects/kotor2mods/index.html
+++ b/_site/projects/kotor2mods/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/projects/playlists/index.html b/_site/projects/playlists/index.html
index 0ce65a5a..a21e8317 100644
--- a/_site/projects/playlists/index.html
+++ b/_site/projects/playlists/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/asummersend/gallery/index.html b/_site/shrines/asummersend/gallery/index.html
index 64ae5e39..6fa1f9ff 100644
--- a/_site/shrines/asummersend/gallery/index.html
+++ b/_site/shrines/asummersend/gallery/index.html
@@ -139,12 +139,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -178,19 +176,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -198,11 +197,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -235,7 +229,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/asummersend/index.html b/_site/shrines/asummersend/index.html
index 127ffd2f..8989ef42 100644
--- a/_site/shrines/asummersend/index.html
+++ b/_site/shrines/asummersend/index.html
@@ -139,12 +139,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -178,19 +176,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -198,11 +197,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -235,7 +229,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/asummersend/playlists/index.html b/_site/shrines/asummersend/playlists/index.html
index a65af72c..06a14977 100644
--- a/_site/shrines/asummersend/playlists/index.html
+++ b/_site/shrines/asummersend/playlists/index.html
@@ -139,12 +139,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -178,19 +176,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -198,11 +197,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -235,7 +229,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/asummersend/trivia/index.html b/_site/shrines/asummersend/trivia/index.html
index 6023c12a..6a103e8e 100644
--- a/_site/shrines/asummersend/trivia/index.html
+++ b/_site/shrines/asummersend/trivia/index.html
@@ -139,12 +139,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -178,19 +176,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -198,11 +197,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -235,7 +229,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html b/_site/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html
index 910efe22..263a88d2 100644
--- a/_site/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html
+++ b/_site/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -178,19 +176,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -198,11 +197,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -235,7 +229,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/cassettebeasts/articles/index.html b/_site/shrines/cassettebeasts/articles/index.html
index 54a22b21..c532349c 100644
--- a/_site/shrines/cassettebeasts/articles/index.html
+++ b/_site/shrines/cassettebeasts/articles/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -178,19 +176,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -198,11 +197,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -235,7 +229,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/cassettebeasts/facts/index.html b/_site/shrines/cassettebeasts/facts/index.html
index 0de770ac..9c51d354 100644
--- a/_site/shrines/cassettebeasts/facts/index.html
+++ b/_site/shrines/cassettebeasts/facts/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -178,19 +176,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -198,11 +197,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -235,7 +229,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/cassettebeasts/featured/index.html b/_site/shrines/cassettebeasts/featured/index.html
index 3b14ac2d..bf613d33 100644
--- a/_site/shrines/cassettebeasts/featured/index.html
+++ b/_site/shrines/cassettebeasts/featured/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -178,19 +176,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -198,11 +197,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -235,7 +229,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/cassettebeasts/gamelog/index.html b/_site/shrines/cassettebeasts/gamelog/index.html
index bfbbf144..afa0af02 100644
--- a/_site/shrines/cassettebeasts/gamelog/index.html
+++ b/_site/shrines/cassettebeasts/gamelog/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -178,19 +176,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -198,11 +197,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -235,7 +229,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/cassettebeasts/index.html b/_site/shrines/cassettebeasts/index.html
index 919a3927..0f3bb165 100644
--- a/_site/shrines/cassettebeasts/index.html
+++ b/_site/shrines/cassettebeasts/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -178,19 +176,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -198,11 +197,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -235,7 +229,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/cassettebeasts/resources/index.html b/_site/shrines/cassettebeasts/resources/index.html
index a2a32af2..26beaf33 100644
--- a/_site/shrines/cassettebeasts/resources/index.html
+++ b/_site/shrines/cassettebeasts/resources/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -178,19 +176,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -198,11 +197,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -235,7 +229,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/index.html b/_site/shrines/index.html
index 2f5c376d..4a27eec2 100644
--- a/_site/shrines/index.html
+++ b/_site/shrines/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/articles/arren-kae-kreia-theory/index.html b/_site/shrines/starwarskotor/articles/arren-kae-kreia-theory/index.html
index 5e1aadca..7f3315f6 100644
--- a/_site/shrines/starwarskotor/articles/arren-kae-kreia-theory/index.html
+++ b/_site/shrines/starwarskotor/articles/arren-kae-kreia-theory/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/articles/faq-same-gender-romance-mods/index.html b/_site/shrines/starwarskotor/articles/faq-same-gender-romance-mods/index.html
index 7b2d3f4e..6c799231 100644
--- a/_site/shrines/starwarskotor/articles/faq-same-gender-romance-mods/index.html
+++ b/_site/shrines/starwarskotor/articles/faq-same-gender-romance-mods/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/articles/handmaiden-sisters-mother/index.html b/_site/shrines/starwarskotor/articles/handmaiden-sisters-mother/index.html
index 2e177235..5b27b604 100644
--- a/_site/shrines/starwarskotor/articles/handmaiden-sisters-mother/index.html
+++ b/_site/shrines/starwarskotor/articles/handmaiden-sisters-mother/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/articles/index.html b/_site/shrines/starwarskotor/articles/index.html
index 07c78f35..e5af7767 100644
--- a/_site/shrines/starwarskotor/articles/index.html
+++ b/_site/shrines/starwarskotor/articles/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/articles/juhani-hostility-towards-canderous/index.html b/_site/shrines/starwarskotor/articles/juhani-hostility-towards-canderous/index.html
index 7867b632..520294c4 100644
--- a/_site/shrines/starwarskotor/articles/juhani-hostility-towards-canderous/index.html
+++ b/_site/shrines/starwarskotor/articles/juhani-hostility-towards-canderous/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/articles/juhani-lesbian-evidence/index.html b/_site/shrines/starwarskotor/articles/juhani-lesbian-evidence/index.html
index 63eebb5a..396c8231 100644
--- a/_site/shrines/starwarskotor/articles/juhani-lesbian-evidence/index.html
+++ b/_site/shrines/starwarskotor/articles/juhani-lesbian-evidence/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/articles/keep-juhani-a-lesbian/index.html b/_site/shrines/starwarskotor/articles/keep-juhani-a-lesbian/index.html
index 714b58e6..5793ce00 100644
--- a/_site/shrines/starwarskotor/articles/keep-juhani-a-lesbian/index.html
+++ b/_site/shrines/starwarskotor/articles/keep-juhani-a-lesbian/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/articles/partyswap-management-takeover/index.html b/_site/shrines/starwarskotor/articles/partyswap-management-takeover/index.html
index 160096a7..bf2d56af 100644
--- a/_site/shrines/starwarskotor/articles/partyswap-management-takeover/index.html
+++ b/_site/shrines/starwarskotor/articles/partyswap-management-takeover/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough/index.html b/_site/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough/index.html
index 86496256..b3687dfa 100644
--- a/_site/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough/index.html
+++ b/_site/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/guides/index.html b/_site/shrines/starwarskotor/guides/index.html
index c27027be..bbbea557 100644
--- a/_site/shrines/starwarskotor/guides/index.html
+++ b/_site/shrines/starwarskotor/guides/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/guides/kotor-juhani-romance-guide/index.html b/_site/shrines/starwarskotor/guides/kotor-juhani-romance-guide/index.html
index ac480ed9..9a8e1aac 100644
--- a/_site/shrines/starwarskotor/guides/kotor-juhani-romance-guide/index.html
+++ b/_site/shrines/starwarskotor/guides/kotor-juhani-romance-guide/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide/index.html b/_site/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide/index.html
index 163c9682..922ef3b0 100644
--- a/_site/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide/index.html
+++ b/_site/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide/index.html b/_site/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide/index.html
index 55c95b56..b696caef 100644
--- a/_site/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide/index.html
+++ b/_site/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/index.html b/_site/shrines/starwarskotor/index.html
index 4c884419..5b9f99f7 100644
--- a/_site/shrines/starwarskotor/index.html
+++ b/_site/shrines/starwarskotor/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/resources/index.html b/_site/shrines/starwarskotor/resources/index.html
index 3369b81d..7f2f4a17 100644
--- a/_site/shrines/starwarskotor/resources/index.html
+++ b/_site/shrines/starwarskotor/resources/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/index.html b/_site/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/index.html
index 659aaf39..638f1aa1 100644
--- a/_site/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/index.html
+++ b/_site/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/index.html b/_site/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/index.html
index fae905dd..ee44d8b1 100644
--- a/_site/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/index.html
+++ b/_site/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/index.html b/_site/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/index.html
index 13f739c9..8bc91434 100644
--- a/_site/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/index.html
+++ b/_site/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/shrines/starwarskotor/universes/index.html b/_site/shrines/starwarskotor/universes/index.html
index f1c343cd..2412572c 100644
--- a/_site/shrines/starwarskotor/universes/index.html
+++ b/_site/shrines/starwarskotor/universes/index.html
@@ -133,12 +133,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -175,19 +173,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -195,11 +194,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -232,7 +226,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/_site/sitemap/index.html b/_site/sitemap/index.html
index 9247bb21..f6a66636 100644
--- a/_site/sitemap/index.html
+++ b/_site/sitemap/index.html
@@ -228,12 +228,10 @@
 
 </script>
         <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         
     
@@ -277,19 +275,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -297,11 +296,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -334,7 +328,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }
 
diff --git a/src/_includes/global/navbar.njk b/src/_includes/global/navbar.njk
index d6216231..3a75572d 100644
--- a/src/_includes/global/navbar.njk
+++ b/src/_includes/global/navbar.njk
@@ -1,10 +1,8 @@
 <nav class="navbar">
-    <div class="navbar__header">
-        <button class="navbar__toggle" aria-label="Navigation menu toggle">
-            <i class="fa-solid fa-bars"></i>
-        </button>
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
         <h2 class="navbar__title">Navigation</h2>
-    </div>
+    </button>
     <ul class="navbar__links">
         {% block navbarLinks %}
             {{ navbarLinks }}
@@ -22,19 +20,20 @@
         top: 0;
     }
 
-    .navbar__header {
-        display: flex;
-        align-items: center;
-        gap: 0.8em;
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
     }
 
     .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
         border: none;
         padding: 0;
         margin: 0;
-        font-size: 1.3rem;
         background-color: inherit;
-        color: var(--clr-navbar-link);
     }
 
     .navbar__toggle:focus,
@@ -42,11 +41,6 @@
         outline: 0.15em solid var(--clr-navbar-link);
     }
 
-    .navbar__title {
-        font-size: 1.3rem;
-        color: var(--clr-navbar-link);
-    }
-
     .navbar a {
         color: var(--clr-navbar-link);
         text-decoration: none;
@@ -79,7 +73,7 @@
             padding: 0 0.6em;
         }
 
-        .navbar__header {
+        .navbar__toggle {
             display: none;
         }