From 32081b5767e4e2a0f115a4fe141e9ab1060a6a6f Mon Sep 17 00:00:00 2001
From: dylansdaniels <dylansdaniels@users.noreply.github.com>
Date: Fri, 17 Jan 2025 19:22:08 +0000
Subject: [PATCH] deploy: 2f2ac2bd339dd43c8800ec2f0b528fd9adf2fc33

---
 content/assets/styles.css | 25 +++++++++----------------
 1 file changed, 9 insertions(+), 16 deletions(-)

diff --git a/content/assets/styles.css b/content/assets/styles.css
index bfc2db0..e676ed1 100644
--- a/content/assets/styles.css
+++ b/content/assets/styles.css
@@ -181,33 +181,26 @@ code {
     padding: 0 0px;
     border-bottom: 2.5px solid lightgrey;
     width: 100%;
-    /* relative position is needed for the img positioning */
     position: relative; 
+        /* 'relative' needed for the img centering */
 
 }
 
 .topbar img {
     height: 30px;
     width: auto;
-
     /* Center img around topbar */
-    /* ------------------------ */
     position: absolute;
+        /* requires 'position: relative' in .topbar */
     left: 50%;
-        /* 'left: 50%' centers the around the topbar */
     transform: translateX(-50%);
-        /*  the transform offset the images width */
-
-    /* Center img around remaining space */
-    /* --------------------------------- */
-    /* margin-left: auto; */
-    /* margin-right: auto; */
-
-    /* Center img around whole page */
-    /* ---------------------------- */
-    /* position: absolute; */
-    /* left: 50%; */
-    /* transform: translateX(-50%); */
+        /*  'transform' offsets the image's width */
+    opacity: 0;
+    transition: opacity 0.3s ease;
+}
+
+.topbar:hover img {
+    opacity: 1; /* Make the image visible when hovering over the topbar */
 }
 
 /* Social media icons */