slight refactors

assets/css/main.css

@@ -1,4 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Inter&display=swap');
 
@@ -10,15 +9,33 @@ html,
 body {
 	background-color: #191819;
 	color: white;
+	z-index: 0;
 }
 
-header {
+header,
+.blur-background::before {
 	background-image: url(~/assets/pictues/header.min.jpg);
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover;
 }
 
+.blur-background {
+	position: relative;
+	overflow: hidden;
+}
+
+.blur-background::before {
+	content: '';
+	margin: -35px;
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	filter: blur(12px) saturate(115%);
+}
+
 a {
 	@apply text-rose-500 hover:underline visited:bg-rose-700;
 }
@@ -27,7 +44,10 @@ a {
 	font-family: 'JetBrains Mono', monospace;
 }
 
-code, kbd, pre, samp {
+code,
+kbd,
+pre,
+samp {
 	font-family: 'JetBrains Mono', monospace;
 }