updated lighthouse/ tweaked UI

assets/styling/roots.css

@@ -39,6 +39,23 @@ body {
     overflow-x: hidden;
 }
 
+body::before {
+    content: "";
+    position: fixed;
+    inset: 0;
+    pointer-events: none;
+    z-index: -1;
+    background: radial-gradient(ellipse at center,
+            transparent 35%,
+            rgba(255, 255, 255, 0.7) 100%);
+}
+
+html.dark body::before {
+    background: radial-gradient(ellipse at center,
+            transparent 35%,
+            rgba(0, 0, 0, 0.7) 100%);
+}
+
 html.dark body {
     background: var(--bg-dark);
     color: var(--text-dark);
@@ -46,12 +63,11 @@ html.dark body {
 
 .video-bg {
     position: fixed;
-    top: 0;
-    left: 0;
+    inset: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
-    z-index: -1;
+    z-index: -2;
 }
 
 a {