feat: add ambilight

frontend/src/styles/globals.css

@@ -298,6 +298,50 @@
       max-width: 80rem;
     }
   }
+
+  .ambilight:before,
+  .ambilight:after {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 0;
+    background: linear-gradient(
+      45deg,
+      #fb0094,
+      #0000ff,
+      #00ff00,
+      #ffff00,
+      #ff0000,
+      #fb0094,
+      #0000ff,
+      #00ff00,
+      #ffff00,
+      #ff0000
+    );
+    background-size: 400%;
+    width: 100%;
+    height: 100%;
+    border-radius: 10px;
+    opacity: 0.75;
+    z-index: -1;
+    animation: ambilight 60s ease-in-out infinite;
+  }
+
+  @keyframes ambilight {
+    0% {
+      background-position: 0 0;
+    }
+    50% {
+      background-position: 400% 0;
+    }
+    100% {
+      background-position: 0 0;
+    }
+  }
+
+  .ambilight:after {
+    filter: blur(60px);
+  }
 }
 
 :root {