style: Make links more readable (#47)

* style: Make links more readable

* Add a dashed link to make clear it's a link

* Fix existing malformed CSS

* Distinguish visited vs unvisited links and hover state

Author: ankurdotb

website/themes/diflabs/assets/css/main.css

@@ -42,14 +42,13 @@ nav {
 }
 
 nav a {
-    color: #66FF66;
+    color: #66FF66; /* Change link color to light green */
     text-decoration: none;
-    fill: #66FF66;
     font-size: 1.2em;
 }
 
 nav a:hover {
-    color: #FFCC00;
+    color: #FFCC00; /* Change hover color to yellow */
 }
 
 .animation-banner {
@@ -165,7 +164,7 @@ footer {
 
 .filter-buttons {
     display: flex;
-    ga  p: 20px;
+    gap: 20px;
     margin-bottom: 20px;
 }
 
@@ -207,10 +206,24 @@ footer {
     margin-right: 5px;
 }
 
+a {
+    color: #66FF66; /* Change link color to light green */
+    text-decoration: none;
+    border-bottom: 2px dashed #66FF66; /* Add dashed underline */
+}
 
+a:visited {
+    color: #ADD8E6; /* Change visited link color to yellow */
+    border-bottom: 2px dashed #ADD8E6; /* Change underline color for visited links */
+}
+
+a:hover {
+    color: #FFCC00; /* Change hover color to yellow */
+    border-bottom: 2px dashed #FFCC00; /* Change underline color on hover */
+}
 
 nav a:hover {
-    color: #00ff00;
+    color: #FFCC00;
 }
 
 button.hamburger {