Fix some glitches with being able to select links that weren't a

dropdown.

src/includes/nav_menu.html

@@ -1,6 +1,8 @@
 <ul class="nav_menu">
     <!-- Home -->
-    <li class="nav_body"><a class="nav_title" href="index.html">Home</a></li>
+    <li class="nav_body">
+        <a class="nav_title" href="index.html">Home</a>
+    </li>
 
     <!-- Minecraft -->
     <li class="nav_dropdown">
@@ -21,10 +23,10 @@
 
     <!-- Pronoun Pages -->
     <li class="nav_dropdown">
-        <div class="dropdown_header nav_body">
-            <a class="nav_title" href="https://pronouns.page/@Cutieguwu">Pronoun Pages</a>
+        <a class="dropdown_header nav_body" href="https://pronouns.page/@Cutieguwu">
+            <p class="nav_title">Pronoun Pages</p>
             <ion-icon name="chevron-forward-outline"></ion-icon>
-        </div>
+        </a>
         <div class="dropdown_body">
             <a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
             <a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>

src/partials/_nav_menu.scss

@@ -18,15 +18,20 @@
         border-color: var(--accent-pink);
         margin: 0 var(--spacing-horizontal);
     }
+}
+
+.nav_body {
+    /* Need to force inheritence, otherwise <a> would require overrides for all color states from base styling for element. */
+    color: inherit;
+    text-decoration: none;
 
-    .nav_body {
     background-color: var(--background-2);
     border-radius: var(--border-radius-small);
     transition: var(--transition-fade);
-    }
+}
 
-    .nav_dropdown:hover .nav_body,
-    .nav_body:hover {
+.nav_body:hover,
+.nav_dropdown:hover .nav_body {
     transform: var(--transform-scale-x);
     transition: var(--transition-cut);
 
@@ -35,5 +40,4 @@
         color: var(--highlight-hover);
         transition: var(--transition-cut);
     }
-    }
 }

src/partials/_nav_title.scss

@@ -1,14 +1,16 @@
 .nav_title {
     /* Need to force inheritence, otherwise <a> would require overrides for all color states from base styling for element. */
     color: inherit;
+    text-decoration: inherit;
 
-    text-decoration: none;
     font-family: var(--font-family-generic);
     font-weight: bold;
     white-space: nowrap;
-    margin: 0 var(--spacing-horizontal);
+    margin: inherit;
+    padding: 0 var(--spacing-horizontal);
     transition: var(--transition-fade);
     text-transform: uppercase;
+    display: block;
 }
 
 .nav_title:hover {