deleting double styles for visually-hidden

css/style.css

@@ -454,33 +454,6 @@ button:visited, .button-primary:visited, .logo:visited {
  Layout styles
  ======================= */
 
-.visually-hidden {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  clip-path: inset(50%);
-  white-space: nowrap;
-  border: 0;
-}
-
-#skipLink a {
-  display: block;
-  position: absolute;
-  left: -999px;
-  top: -999px;
-}
- 
-#skipLink a:focus {
-  left: 0;
-  top: 0;
-  padding: var(--spacing-2);
-  background: var(--color-background-content-box);
-}
-
 /* Site header */
 
 .site-header {
@@ -501,9 +474,6 @@ button:visited, .button-primary:visited, .logo:visited {
   align-items: center;
   justify-content: space-between;
   gap: 1rem;
-  /* background: rgb(255 255 255 / 0.88);
-  backdrop-filter: blur(10px);
-  -webkit-backdrop-filter: blur(10px); */
 }
 
 .menu-bar .menu-left {
@@ -938,6 +908,24 @@ footer a:visited {
    Helper classes
    ======================= */
 
+/*
+ * Adding skipLink styling for screen readers
+ */   
+
+#skipLink a {
+  display: block;
+  position: absolute;
+  left: -999px;
+  top: -999px;
+}
+  
+#skipLink a:focus {
+  left: 0;
+  top: 0;
+  padding: var(--spacing-2);
+  background: var(--color-background-content-box);
+}
+
 /*
  * Hide visually and from screen readers
  */