Add link styles and focus styles to anchor tags

BackendStack21 · Mar 22, 2024 · b32203c · b32203c
1 parent e5bff8f
commit b32203c
Showing 1 changed file with 21 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -14,6 +14,23 @@
       box-sizing: border-box;
     }
 
+    a {
+      text-decoration: none;
+    }
+
+    a:hover {
+      text-decoration: underline;
+    }
+
+    a:focus {
+      outline: 1px dotted;
+      outline: 5px auto -webkit-focus-ring-color;
+    }
+
+    a:focus-visible {
+      outline: 5px auto -webkit-focus-ring-color;
+    }
+
     @media (min-width: 1000px) {
       .project {
         width: calc(30%);
@@ -106,7 +123,9 @@
       margin-bottom: 20px;
     }
 
-    h1, h2, h3 {
+    h1,
+    h2,
+    h3 {
       font-weight: 500;
     }
 
@@ -355,7 +374,7 @@ <h3>http-cache-middleware</h3>
   <footer class="footer">
     21no.de © 2022 - 2024 | <a href="mailto:contact@21no.de">Contact Us</a>
   </footer>
-  
+
   <script type="text/javascript" charset="UTF-8"
     src="//cdn.cookie-script.com/s/28dc51cd1b79414f499d222fffd2095d.js"></script>
   <!-- Google tag (gtag.js) -->