From fc8ddff648824c1dd0feaa6a3c365714df2fabb9 Mon Sep 17 00:00:00 2001
From: Marc Beninca <git@marc.beninca.link>
Date: Mon, 17 Feb 2025 18:49:20 +0100
Subject: [PATCH] gradients/5

---
 style/main.css | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/style/main.css b/style/main.css
index 2ec9fd6..c229366 100644
--- a/style/main.css
+++ b/style/main.css
@@ -56,7 +56,10 @@ a {
     text-underline-offset: .25em;
 }
 a:hover {
-    background-color: var(--anchor-background);
+    background: linear-gradient(to top,
+        rgba(0, 0, 0, 0) 0%,
+        var(--anchor-background) 100%
+    );
     color: var(--anchor-text);
 }
 
@@ -66,10 +69,16 @@ article.org, header {
 }
 header {
     padding-inline: .5em;
-    background-color: var(--header-background);
+    background: linear-gradient(to top,
+        rgba(0, 0, 0, 0) 0%,
+        var(--header-background) 100%
+    );
 }
 header.org {
-    background-color: var(--org-background);
+    background: linear-gradient(to top,
+        rgba(0, 0, 0, 0) 0%,
+        var(--org-background) 100%
+    );
 }
 
 article header {
@@ -97,13 +106,19 @@ h1, h2, h3 {
     border-radius: .25em;
 }
 h2 {
-    background-color: var(--banner-background);
+    background: linear-gradient(to top,
+        rgba(0, 0, 0, 0) 0%,
+        var(--banner-background) 100%
+    );
     margin-block: .25em;
     padding-block: .5em;
     text-align: center;
 }
 h3 {
-    background-color: var(--header-background);
+    background: linear-gradient(to top,
+        rgba(0, 0, 0, 0) 0%,
+        var(--header-background) 100%
+    );
     padding: .125em .25em;
 }