fix: animated anchor tags are less distracting and more readable

1 files changed, 16 insertions, 9 deletions

diff --git a/includes/style.css b/includes/style.css
index 4d73999..6d66496 100644
--- a/includes/style.css
+++ b/includes/style.css
@@ -14,8 +14,12 @@
   --box-border: 0.5em solid var(--white);
 }
 
-body {
+body,
+p code {
   font-family: "Iosevka Slab", monospace;
+}
+
+body {
   font-size: 1.5em;
   background-color: var(--balboa);
   color: var(--white);
@@ -68,13 +72,6 @@ a:visited code {
   color: var(--slate);
 }
 
-a:hover {
-  transition: 0.25s;
-  background-color: var(--slate);
-  color: var(--balboa);
-  text-decoration: none;
-}
-
 nav a:link,
 nav a:visited,
 nav a:active {
@@ -82,7 +79,17 @@ nav a:active {
   display: flex;
   align-items: center;
   color: var(--white);
-  text-decoration: none;
+  text-decoration: underline solid var(--balboa);
+}
+
+a:hover {
+  transition: 0.25s;
+  color: var(--white);
+}
+
+nav a:hover {
+  transition: 0.25s;
+  text-decoration: underline solid var(--slate);
 }
 
 p code {