tweak nav's anchor style

Author: Socketlike

content/music.md

@@ -8,7 +8,8 @@
   <br>
 </p>
 
-... you can find them [here](https://open.spotify.com/playlist/7Gfvs4A320zPRQG1DG51nx), on spotify.
+... ~~you can find them [here](https://open.spotify.com/playlist/7Gfvs4A320zPRQG1DG51nx), on spotify.~~\
+[-mutter (edit) i'm no longer using this playlist; i'm now making a playlist monthly to put stuff that i'm currently interested in since that's not possible with the current singular playlist approach]
 > *evie, spotify **fucking** sucks! why aren't you using something else?????*
 
 yes i know spotify may not be the most upright company but there are not that many good alternatives for me right now [-mutter (has to be a streaming service with an expansive library + be easy and not take a thousand years to transfer my privated 1k+ songs playlist from spotify to it)].

src/styles.css

@@ -23,7 +23,10 @@
         --slight-evil: #ebeb8d;
         --good: #7bdf7b;
         --lawful-good: #8181d3;
+        --lawful-pure: #b8caf4;
         --chaotic-good: #8c64cc;
+        --chaotic-pure: #b979d6;
+        --neutral-pure: #d7b8ff;
     }
 }
 
@@ -200,6 +203,31 @@ nav svg:hover {
     background-color: var(--bg);
 }
 
+nav a {
+    background-color: var(--lawful-good);
+    color: var(--bg-1) !important;
+
+    text-decoration: none;
+    line-height: 1.5rem;
+    font-weight: 600;
+
+    padding: 0 4px;
+    border-radius: 4px;
+}
+
+nav a:hover {
+    background-color: var(--lawful-pure);
+}
+
+nav a:visited {
+    background-color: var(--chaotic-pure);
+    text-decoration: underline 1px;
+}
+
+nav a:visited:hover {
+    background-color: var(--neutral-pure);
+}
+
 #changelog #changelog-container,
 nav #nav-container {
     padding: 16px;