Style anchor text links

diff --git a/style.css b/style.css
index 960ac421d1bb1966860cd5b5308e5ac91c80399c..637387eedcd9e2bde6aae6c76a9cc186e4ce5b2a 100644 (file)
--- a/style.css
+++ b/style.css
@@ -5,6 +5,8 @@
   --primary-strongest: hsl(212deg 80% 50%);
   --primary-transparent: hsl(212deg 80% 30% / 0.5);
   --primary-complement: hsl(211deg 15% 33%);
+  --secondary: hsl(30deg 80% 50%);
+  --secondary-transparent: hsl(30deg 80% 80% / 0.5);
   --text-color: hsl(212deg 50% 98%);
   --text-background: hsl(211deg 15% 60%);
 }
@@ -67,6 +69,18 @@ a {
   cursor: pointer;
 }
 
+a {
+  text-decoration: none;
+  color: var(--secondary);
+  font-weight: 700;
+  transition: filter 900ms;
+}
+
+:is(a:hover, a:focus):not(:has(svg)) {
+  filter: brightness(115%) drop-shadow(0 0 8px var(--secondary-transparent));
+  transition: filter 200ms;
+}
+
 button>svg,
 a>svg {
   width: 24px;