diff --git a/assets/site.css b/assets/site.css
index fe7ca34..7a436f5 100644
--- a/assets/site.css
+++ b/assets/site.css
@@ -17,6 +17,7 @@ body {
   --c-highlight: hsl(0 0% 100% / 87.5%);
   --c-dark: hsl(217 17% 21%);
   --c-accent: white;
+  /* --c-accent: hsl(14 62% 53%); */
   --c-body-background: hsl(0 0% 85%);
   --c-text-background-light: hsl(0 0% 95% / 60%);
 
@@ -106,9 +107,6 @@ a {
 a[href] {
   text-decoration-line: underline;
   box-decoration-break: clone;
-  padding: 0.1em;
-  margin: -0.1em;
-  position: relative;
 }
 a[href]:hover,
 a[href]:focus-visible,
@@ -118,7 +116,7 @@ nav label:has(input:focus-visible),
 .nav-toggle-button:has(input[type="radio"]:checked) {
   background-color: var(--c-accent);
   text-decoration: none;
-  border-radius: 0.5rem;
+  box-shadow: 0 0 0 0.2rem var(--c-accent);
 }
 
 main p img {
@@ -220,39 +218,25 @@ sup {
 
 body > header {
   color: var(--c-text-dark);
-  padding: 0 var(--inset) 0;
+  padding: 0 var(--inset) 0.5rem;
   border-radius: 0.5rem 0.5rem 0 0;
+  margin-bottom: 0.5rem;
 }
 body > header > nav {
   display: flex;
   flex-direction: row;
   align-items: baseline;
   flex-wrap: wrap;
-  justify-content: end;
-  gap: 1rem;
-  margin: 0.5rem 0 3rem;
+  gap: 1ch;
 }
-.nav-categories {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: 0.5em;
-  margin-right: auto;
-  & > a {
-    white-space: nowrap;
-    display: inline-block;
+.nav-categories > a {
+  white-space: nowrap;
+  & + a {
+    margin-left: 0.5em;
   }
 }
-.nav-settings {
-  display: flex;
-  gap: 0.5em;
-  flex-direction: row;
-  justify-content: end;
-  flex-wrap: wrap;
-}
 .nav-toggles {
-  display: flex;
-  flex-direction: row;
+  margin-left: auto;
   font-size: var(--s-1);
 }
 @media print {
@@ -287,37 +271,37 @@ body > header > nav {
 }
 
 body > footer {
-  text-align: right;
+  text-align: center;
   font-size: var(--s-1);
-  margin: auto var(--inset) 0.5rem;
+  margin: auto var(--inset) 0 auto;
   padding-top: 4rem;
-  & a {
-    white-space: nowrap;
+}
+
+.header-meta {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  font-size: var(--s-1);
+  > * + *::before {
+    content: "-";
+    padding: 0 0.5ch;
   }
 }
 
-.nav-toggle-button {
+nav label {
   cursor: pointer;
   text-decoration-line: underline;
-  display: inline-block;
-  border-radius: 0;
-  padding: 0.1rem 0.25rem;
-  margin: 0;
-  border-radius: 0 !important;
-  background-color: var(--c-text-background-light);
   > input[type="radio"] {
     visibility: hidden;
     position: fixed;
     bottom: 110%;
   }
-  &:first-of-type {
-    border-top-left-radius: 0.5rem !important;
-    border-bottom-left-radius: 0.5rem !important;
-  }
-  &:last-of-type {
-    border-top-right-radius: 0.5rem !important;
-    border-bottom-right-radius: 0.5rem !important;
-  }
+}
+.nav-toggle-button {
+  margin-left: 0.5ch;
+  margin-right: 0.5ch;
+  position: relative;
+  z-index: 0;
 }
 
 [data-language="aurebesh"] {
@@ -338,8 +322,6 @@ h4 {
   position: relative;
   font-weight: 700;
   text-shadow: 0 0 0.5em var(--c-highlight);
-  margin-top: 0.75em;
-  margin-bottom: 0.75em;
   &:hover .header-anchor {
     opacity: 1;
   }
@@ -361,21 +343,6 @@ h4 {
     );
   }
 }
-h1 {
-  margin-bottom: 0;
-}
-.header-meta {
-  margin-bottom: calc(0.75 * var(--s3));
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  font-size: var(--s-1);
-  > * + *::before {
-    content: "-";
-    padding: 0 0.5ch;
-  }
-}
-
 main {
   h1,
   h2,
@@ -395,7 +362,7 @@ h2 {
 h3 {
   font-size: var(--s1);
 }
-a.header-anchor {
+.header-anchor {
   position: absolute;
   transform: translateX(-100%);
   margin-left: -0.2ch;
diff --git a/site/_includes/-header.njk b/site/_includes/-header.njk
index 744147a..3ee0275 100644
--- a/site/_includes/-header.njk
+++ b/site/_includes/-header.njk
@@ -8,43 +8,40 @@
       <a href="{{ "/music" | url }}">/music</a>
       <a href="{{ "/books" | url }}">/books</a>
     </div>
-    <div class="nav-settings">
-      <div class="nav-toggles">
-        <label class="nav-toggle-button" title="Light mode">☀️<input type="radio" name="theme" value="light"/></label>
-        <label class="nav-toggle-button" title="Automatic">🔄<input type="radio" name="theme" value="auto"/></label>
-        <label class="nav-toggle-button" title="Dark mode">🌒<input type="radio" name="theme" value="dark"/></label>
-      </div>
-      <div class="nav-toggles">
-        <label class="nav-toggle-button" data-language="english">English<input type="radio" name="language" value="english"/></label>
-        <label class="nav-toggle-button" data-language="aurebesh">Aurebesh<input type="radio" name="language" value="aurebesh"/></label>
-        <script type="text/javascript">
-          const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
-          const defaultPrefs = {
-            language: 'english',
-            theme: 'auto'
-          };
-          Object.entries(defaultPrefs).forEach(([key, defaultPref]) => {
-            const currentPref = localStorage.getItem(key) ?? defaultPref;
-            applyPreference(key, currentPref, false)
-            document.querySelectorAll(`input[name=${key}]`).forEach(input => {
-              input.addEventListener('change', (e) => {
-                applyPreference(key, e.currentTarget.value, true);
-              })
+    <div class="nav-toggles">
+      <label class="nav-toggle-button" title="Light mode">☀️<input type="radio" name="theme" value="light"/></label>
+      <label class="nav-toggle-button" title="Automatic">🔄<input type="radio" name="theme" value="auto"/></label>
+      <label class="nav-toggle-button" title="Dark mode">🌒<input type="radio" name="theme" value="dark"/></label>
+      /
+      <label class="nav-toggle-button" data-language="english">English<input type="radio" name="language" value="english"/></label>
+      <label class="nav-toggle-button" data-language="aurebesh">Aurebesh<input type="radio" name="language" value="aurebesh"/></label>
+      <script type="text/javascript">
+        const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+        const defaultPrefs = {
+          language: 'english',
+          theme: 'auto'
+        };
+        Object.entries(defaultPrefs).forEach(([key, defaultPref]) => {
+          const currentPref = localStorage.getItem(key) ?? defaultPref;
+          applyPreference(key, currentPref, false)
+          document.querySelectorAll(`input[name=${key}]`).forEach(input => {
+            input.addEventListener('change', (e) => {
+              applyPreference(key, e.currentTarget.value, true);
             })
-          });
-          function applyPreference(key, value, shouldSave) {
-            document.body.setAttribute(`data-${key}`, value);
-            document.querySelectorAll(`input[name=${key}]`).forEach(input => {
-              if (input.value === value) {
-                input.checked = true;
-              }
-            })
-            if (shouldSave) {
-              localStorage.setItem(key, value);
+          })
+        });
+        function applyPreference(key, value, shouldSave) {
+          document.body.setAttribute(`data-${key}`, value);
+          document.querySelectorAll(`input[name=${key}]`).forEach(input => {
+            if (input.value === value) {
+              input.checked = true;
             }
+          })
+          if (shouldSave) {
+            localStorage.setItem(key, value);
           }
-        </script>
-      </div>
+        }
+      </script>
     </div>
   </nav>
   <h1>{{ tag | capitalize if tag else title }}</h1>
diff --git a/site/_includes/base.njk b/site/_includes/base.njk
index a9f6864..618bebf 100644
--- a/site/_includes/base.njk
+++ b/site/_includes/base.njk
@@ -22,7 +22,6 @@ title: Joshua's Homepage
     {% endif %}
     <meta name="twitter:card" content="summary" />
     <meta name="generator" content="{{ eleventy.generator }}">
-    <script defer src="https://stats.apps.seigler.net/script.js" data-website-id="d44724fa-5fcf-486e-bfb1-5846591cc554"></script>
   </head>
   <body data-font="english" data-path="{{page.url}}">
     {% include "-header.njk" %}
@@ -34,6 +33,8 @@ title: Joshua's Homepage
   <script>
     function setScrollAmount() {
       const body = document.documentElement || document.body;
+      const scrolledFraction =
+        body.scrollTop / (body.scrollHeight - body.clientHeight);
       body.style.setProperty("--scrollLengthPx", body.scrollTop);
     }
     setScrollAmount();