diff --git a/static/style.css b/static/style.css
index d6eaaa2..9047ca1 100644
--- a/static/style.css
+++ b/static/style.css
@@ -621,6 +621,28 @@ home-content {
   }
 }
 
+/* Music */
+music {
+  video-bg {
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 100lvh;
+    width: 100lvw;
+    z-index: -1;
+
+    video {
+      height: 100lvh;
+      width: 100lvw;
+      object-fit: cover;
+    }
+  }
+
+  box {
+    background-color: white;
+  }
+}
+
 /* 404 */
 katcenkat {
   display: flex;
diff --git a/templates/partials/music.html b/templates/partials/music.html
index e4f9a8e..986f541 100644
--- a/templates/partials/music.html
+++ b/templates/partials/music.html
@@ -1 +1,11 @@
-<hello>hello</hello>
\ No newline at end of file
+<music>
+  <video-bg>
+    <video autoplay muted loop playsinline>
+      <source src="/static/assets/videos/music.webm" type="video/mp4" />
+    </video>
+  </video-bg>
+
+  <box>
+    <p>Salut</p>
+  </box>
+</music>
\ No newline at end of file