From 0d11cad3a8910b4d4c360a78cb15a099746641d1 Mon Sep 17 00:00:00 2001
From: TheThomaas <thethomaas@protonmail.ch>
Date: Mon, 9 Jun 2025 10:21:39 +0200
Subject: [PATCH] Use underline style in header

---
 src/css/header.css | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/css/header.css b/src/css/header.css
index 705a974..a94f7da 100644
--- a/src/css/header.css
+++ b/src/css/header.css
@@ -25,14 +25,20 @@ header nav li {
 header nav a {
   text-underline-offset: 0.4rem;
   text-decoration: none;
+  position: relative;
 }
-header nav a:hover {
-  text-decoration: underline;
-  text-decoration-thickness: 0.12rem;
-}
+header nav a:hover,
 header nav a[aria-current="page"] {
-  color: var(--text-2);
-  font-weight: var(--font-weight-semibold);
-  text-decoration: underline;
-  text-decoration-thickness: 0.12rem;
+  color: var(--color-secondary-950);
+  text-shadow: 1px 0 0 currentColor;
+}
+header nav a:hover::after,
+header nav a[aria-current="page"]:after {
+  content: "";
+  background: no-repeat url("/line.svg");
+  position: absolute;
+  height: 7px;
+  width: 100%;
+  bottom: -6px;
+  left: 0;
 }
\ No newline at end of file