From 0420f58d02470c950bcac216591e0963982ec241 Mon Sep 17 00:00:00 2001
From: Tom Alexander <tom@fizz.buzz>
Date: Sat, 22 Feb 2025 23:16:18 -0500
Subject: [PATCH] Add a hover effect to the home link in the page header.

---
 default_environment/stylesheet/main.css | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/default_environment/stylesheet/main.css b/default_environment/stylesheet/main.css
index 8fb44b0..e3e2b60 100644
--- a/default_environment/stylesheet/main.css
+++ b/default_environment/stylesheet/main.css
@@ -27,6 +27,8 @@
   --header-nav-regular-background-color: var(--site-background-color);
   --header-nav-hover-font-color: var(--site-background-color);
   --header-nav-hover-background-color: var(--site-text-color);
+  --header-home-regular-font-color: var(--site-text-color);
+  --header-home-hover-font-color: #6ccff6;
 }
 
 @media (prefers-color-scheme: light) {
@@ -55,6 +57,8 @@
     --header-nav-regular-background-color: var(--site-background-color);
     --header-nav-hover-font-color: var(--site-background-color);
     --header-nav-hover-background-color: var(--site-text-color);
+    --header-home-regular-font-color: var(--site-text-color);
+    --header-home-hover-font-color: #933009;
   }
 }
 
@@ -95,10 +99,18 @@ body {
     font-size: 2rem;
     font-weight: 600;
     text-decoration: none;
+    color: var(--header-home-regular-font-color);
+    transition-property: color;
+    transition-duration: 0.1s;
+    transition-timing-function: ease-out;
+
+    &:hover {
+      color: var(--header-home-hover-font-color) !important;
+    }
 
     &:link,
     &:visited {
-      color: var(--site-text-color);
+      color: inherit;
     }
   }