From 8c64c5dbe3149c7df544b4a3b3eea156aacf7443 Mon Sep 17 00:00:00 2001
From: AINDUSTRIES <contact.aindustries@gmail.com>
Date: Mon, 24 Nov 2025 21:22:44 +0100
Subject: [PATCH] Added style for music

---
 assets/css/music.css | 58 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 assets/css/music.css

diff --git a/assets/css/music.css b/assets/css/music.css
new file mode 100644
index 0000000..4947f79
--- /dev/null
+++ b/assets/css/music.css
@@ -0,0 +1,58 @@
+.featured {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 16px;
+}
+
+.featured h1 {
+    font-size: 48px;
+    text-align: center;
+    font-family: 'Indie Flower', cursive;
+    color: var(--clr-primary-a60);
+    max-width: 75vw;
+}
+
+.featured iframe {
+    width: 55vw;
+    height: 100%;
+    aspect-ratio: 16 / 9;
+    border: none;
+    filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.75));
+}
+
+.playlist {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 16px;
+}
+
+.playlist h1 {
+    font-size: 40px;
+    text-align: center;
+    font-family: 'Indie Flower', cursive;
+    color: var(--clr-primary-a60);
+    max-width: 75vw;
+}
+
+
+.playlist iframe {
+    width: 55vw;
+    height: 100%;
+    aspect-ratio: 16 / 9;
+    border: none;
+    filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.75));
+}
+
+@media (width <= 1250px) {
+    .featured iframe {
+        width: 90vw;
+    }
+
+    .playlist iframe {
+        width: 90vw;
+    }
+}