From e03d5a4ca8655fbb3c66bda23262fc314a90ccb5 Mon Sep 17 00:00:00 2001
From: Agahnim <naguiagahnim@proton.me>
Date: Wed, 13 May 2026 11:42:12 +0200
Subject: [PATCH] body: finished background depending on page, remove video bg

---
 static/style.css              | 23 ++++-------------------
 templates/partials/music.html |  6 ------
 2 files changed, 4 insertions(+), 25 deletions(-)

diff --git a/static/style.css b/static/style.css
index d6f8164..4a193a2 100644
--- a/static/style.css
+++ b/static/style.css
@@ -215,8 +215,8 @@ table {
 
 }
 
+
 body {
-  background-image: url(assets/images/tiledbgpink.webp);
   background-size: cover;
   background-position: center;
   min-height: 100lvh;
@@ -227,15 +227,15 @@ body {
   font-size: 1rem;
 
 
-  :has(#content home-content) {
+  &:has(#content home-content) {
     background-image: url(assets/images/tiledbgpink.webp);
   }
 
-  :has(#content music) {
+  &:has(#content music) {
     background-image: url(assets/images/tiledbgpink.webp);
   }
 
-  :has(#content katcenkat) {
+  &:has(#content katcenkat) {
     background-image: url(assets/images/tiledbgpink.webp);
   }
 
@@ -651,21 +651,6 @@ music {
   justify-content: center;
   align-items: center;
 
-  video-bg {
-    position: fixed;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-    z-index: -1;
-
-    video {
-      height: 100%;
-      width: 100%;
-      object-fit: cover;
-    }
-  }
-
   box {
     border-radius: 0.4rem;
     box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
diff --git a/templates/partials/music.html b/templates/partials/music.html
index 6567149..d308c54 100644
--- a/templates/partials/music.html
+++ b/templates/partials/music.html
@@ -1,10 +1,4 @@
 <music>
-  <video-bg>
-    <video autoplay muted loop playsinline>
-      <source src="/static/assets/videos/music.webm" type="video/mp4" />
-    </video>
-  </video-bg>
-
   <cute-container>
     <img src="/static/assets/gifs/music.gif" alt="Animated text 'Music'" />
   </cute-container>