From bbff7601a675e9ee61902a28b953f9fbcde9e088 Mon Sep 17 00:00:00 2001
From: pacnpal <183241239+pacnpal@users.noreply.github.com>
Date: Sat, 15 Feb 2025 23:11:08 -0500
Subject: [PATCH] update index.html: improve skip link accessibility with
 enhanced focus styles

---
 index.html | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 68f8662..5ea6ba3 100644
--- a/index.html
+++ b/index.html
@@ -83,16 +83,25 @@
         }
         .skip-link {
             position: absolute;
-            top: -40px;
-            left: 0;
-            background: var(--button-bg);
-            color: white;
-            padding: 8px;
-            z-index: 100;
-            transition: top 0.3s;
+            width: 1px;
+            height: 1px;
+            padding: 0;
+            margin: -1px;
+            overflow: hidden;
+            clip: rect(0, 0, 0, 0);
+            white-space: nowrap;
+            border: 0;
         }
         .skip-link:focus {
-            top: 0;
+            width: auto;
+            height: auto;
+            margin: 0;
+            clip: auto;
+            white-space: normal;
+            padding: 8px;
+            background: var(--button-bg);
+            color: white;
+            z-index: 100;
         }
         .site-title {
             text-align: center;