finally fix flatworm friday

1 files changed, 6 insertions, 1 deletions

diff --git a/style.css b/style.css
index bfadaa5..25a001f 100644
--- a/style.css
+++ b/style.css
@@ -39,6 +39,7 @@
   --navbarheight: calc(var(--stdpadding) * 4.5);
   --h1-image: url('images/isopod.php');
   --shadowsize: 3rem;
+  --blockbackdrop: blur(1.5px);
 }
 html, body {
   height: 100%;
@@ -129,6 +130,7 @@ nav a, body > a {
 nav a:hover, body > a:hover {
   --bgpos: 100%;
   border-left: var(--stdaccentborder);
+  backdrop-filter: var(--blockbackdrop);
 }
 body > a {
   display: block;
@@ -237,6 +239,7 @@ figure.quote, blockquote {
   border-left: var(--stdaccentborder);
   background-color: var(--blockbg);
   margin-bottom: var(--stdpadding);
+  backdrop-filter: var(--blockbackdrop);
 }
 figure.quote blockquote {
   padding: initial;
@@ -411,6 +414,7 @@ hr {
   nav a, body > a {
     border-left: 3px solid var(--fontcolor);
     background-color: var(--blockbg);
+    backdrop-filter: var(--blockbackdrop);
   }
   nav a, body > a, nav span {
     padding: calc(var(--stdpadding) / 2) calc(var(--stdpadding) / 4 * 3);
@@ -433,7 +437,8 @@ hr {
   }
   #leftsidebg, #rightsidebg {
     top: 0; left: 0; right: 0; bottom: 0;
-    box-shadow: 100vw 0 0 #000000bb inset;
+    filter: brightness(0.3);
+    box-shadow: none;
   }
   tr:hover {
     background-color: initial;