Added style for music
This commit is contained in:
58
assets/css/music.css
Normal file
58
assets/css/music.css
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user