nav is converted to text so it has less wonkiness

src/static/css/diary.css

@@ -22,11 +22,11 @@
     }
 
     .diary-dir {
+        color: #C0AAC0;
   flex-shrink: 0;  display: flex;
         justify-content: center;
         background-color: transparent;
         font-size: 1.5em;
-        color: #AAA39D;
         font-weight: bold;
         text-shadow:
             -1px -1px 1px #080410,
@@ -39,7 +39,7 @@
             -1px  0   1px #080410;
     }
     .diary-dir a {
-        color: #E6E8EF;
+        color: #C0AAC0;
         font-weight: bold;
         text-shadow:
             -1px -1px 1px #080410,
@@ -51,6 +51,9 @@
             -1px  2px 1px #080410,
             -1px  0   1px #080410;
     }
+    .diary-dir a:hover, .diary-dir a:active {
+        font-family: 'mitochondriaregular', sans-serif;
+    }
     .diary-dir-left {
         display: inline-block;
         vertical-align: middle;
@@ -64,13 +67,13 @@
         margin-right: .3em;
     }
     .diary-dir-number {
-        background-color: #886488; 
         display: inline-block;
         vertical-align: middle;
         white-space: nowrap;
         border-radius: .3em;
         padding-left: .3em;
         padding-right: .3em;
+        padding-bottom: .5em;
     }
     .diary-dir-right {
         display: inline-block;