More actions
Content deleted Content added
No edit summary |
No edit summary |
||
| Line 29: | Line 29: | ||
text-transform: uppercase; |
text-transform: uppercase; |
||
padding: 1rem; |
padding: 1rem; |
||
border: 1px solid currentColor; |
|||
box-shadow: 0 0 8px rgba(255, 0, 60, 0.3); |
box-shadow: 0 0 8px rgba(255, 0, 60, 0.3); |
||
box-sizing: border-box; |
box-sizing: border-box; |
||
| Line 36: | Line 35: | ||
justify-content: space-between; |
justify-content: space-between; |
||
min-height: 300px; |
min-height: 300px; |
||
} |
|||
/* Remove any internal styling (like inner boxes) */ |
|||
.ritual-block > div { |
|||
all: unset; |
|||
display: contents; |
|||
} |
} |
||
Revision as of 17:55, 3 June 2025
.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 */
}
.ritual-columns {
display: flex;
flex-wrap: wrap;
gap: 1rem;
align-items: stretch;
}
.ritual-block {
flex: 1 1 45%;
font-family: 'Courier New', monospace;
text-transform: uppercase;
padding: 1rem;
box-shadow: 0 0 8px rgba(255, 0, 60, 0.3);
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 300px;
}