Add blur to the header

Author: satya164

src/css/custom.css

@@ -264,6 +264,19 @@ article p {
 
 .navbar {
   padding: 0;
+  background-color: transparent;
+}
+
+.navbar::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 100%;
+  backdrop-filter: blur(12px) saturate(180%);
+  background-color: rgba(255, 255, 255, 0.7);
+  z-index: -1;
 }
 
 .navbar__inner {