More actions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 7: | Line 7: | ||
font-size: var(--font-size-h2); |
font-size: var(--font-size-h2); |
||
display: inline-block; |
display: inline-block; |
||
} |
|||
.banner-container { |
|||
⚫ | |||
overflow: hidden; |
|||
position: relative; |
|||
} |
} |
||
.banner-container img { |
.banner-container img { |
||
width: 100%; |
width: 100%; |
||
position: relative; |
|||
⚫ | |||
top: -50%; |
|||
object-fit: cover; |
object-fit: cover; |
||
border-radius: var(--border-radius-medium); |
border-radius: var(--border-radius-medium); |
Revision as of 16:49, 3 June 2025
.section-title {
width: 100%;
text-align: center;
font-weight: var(--font-weight-semibold);
line-height: var(--line-height-xs);
color: var(--color-emphasized);
font-size: var(--font-size-h2);
display: inline-block;
}
.banner-container {
height: 50%;
overflow: hidden;
position: relative;
}
.banner-container img {
width: 100%;
position: relative;
top: -50%;
object-fit: cover;
border-radius: var(--border-radius-medium);
}
.card-patreon img {
filter: invert(32%) sepia(19%) saturate(5052%) hue-rotate(328deg) brightness(125%) contrast(110%); /* https://codepen.io/sosuke/pen/Pjoqqp */
}