More actions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 10: | Line 10: | ||
.banner-container { |
.banner-container { |
||
height: |
height: 30%; |
||
overflow: hidden; |
overflow: hidden; |
||
position: relative; |
position: relative; |
||
Line 18: | Line 18: | ||
width: 100%; |
width: 100%; |
||
position: relative; |
position: relative; |
||
top: - |
top: -70%; |
||
object-fit: cover; |
object-fit: cover; |
||
border-radius: var(--border-radius-medium); |
border-radius: var(--border-radius-medium); |
Revision as of 16:50, 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: 30%;
overflow: hidden;
position: relative;
}
.banner-container img {
width: 100%;
position: relative;
top: -70%;
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 */
}