Added style for music

This commit is contained in:
2025-11-24 21:22:44 +01:00
parent 88abbe8c14
commit 8c64c5dbe3

58
assets/css/music.css Normal file
View File

@@ -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;
}
}