From 898297fe3a7d2f99e96035f77929cc74df71915f Mon Sep 17 00:00:00 2001
From: "prem12937@gmail.com" <prem12937@gmail.com>
Date: Sat, 16 Nov 2024 20:17:28 +0530
Subject: [PATCH] style: add some elegance to ugly navbar link hover

---
 src/styles/Navbar.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/styles/Navbar.css b/src/styles/Navbar.css
index 0394eba4..38229f95 100644
--- a/src/styles/Navbar.css
+++ b/src/styles/Navbar.css
@@ -47,6 +47,7 @@
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
     border: 2px solid rgba(255, 255, 255, .2);
     transition: 0.5s;
+    z-index: 5;
 }
 
 .profile-picture-navbar {
@@ -115,11 +116,18 @@
 .link {
     text-decoration: none;
     color: #fff;
+    transition: 0.1s;
+    border-width: 0;
+    border-color: #fbbf24;
+    border-style: solid;
+    padding: 0 0.1rem 0.3rem 0.1rem;
+    border-radius: 3px;
 }
 
 .link:hover {
-    text-decoration: underline;
-    color: #fbbf24;
+    color: #fff;
+    text-shadow: 0 0 20px rgba(255, 255, 255, .4);
+    border-bottom-width: 3px;
 }
 
 .reg-button {