From 58eed9c76fa41fa1c45b0b1a47cd959e79fd65f9 Mon Sep 17 00:00:00 2001
From: Julian Weiss <insanj@gmail.com>
Date: Mon, 3 Apr 2023 00:19:21 -0400
Subject: [PATCH] add css supports to improve backdrop-filter header

---
 index.html | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index e78589d..1652d29 100644
--- a/index.html
+++ b/index.html
@@ -51,10 +51,17 @@
         padding: 20px;
         border-bottom: 4px solid rgba(255, 255, 255, 0.1);
         
-        background: rgba(0, 0, 0, 0.2);
-        backdrop-filter: blur(20px);
+        background: rgba(0, 0, 0, 0.97);
       }
 
+      @supports (backdrop-filter: blur(20px)) {
+        header {
+          background: rgba(0, 0, 0, 0.2);
+          backdrop-filter: blur(20px);
+        }
+      }
+      
+
       header > h1, header > h3 {
         z-index: 2;
         text-shadow: 0px 2px 3px 4px rgba(0, 0, 0, 1);