59 lines
1.0 KiB
CSS
59 lines
1.0 KiB
CSS
.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;
|
|
}
|
|
}
|