More actions
Content deleted Content added
No edit summary |
No edit summary |
||
| Line 19: | Line 19: | ||
.ritual-columns { |
.ritual-columns { |
||
display: flex; |
display: flex; |
||
justify-content: space-between; |
|||
gap: 1rem; |
gap: 1rem; |
||
flex-wrap: wrap; |
|||
} |
} |
||
.ritual-block { |
.ritual-block { |
||
flex: 1; |
flex: 1 1 45%; |
||
height: 300px; |
|||
background: #0a0a0a; |
|||
color: #e0e0e0; |
|||
text-transform: uppercase; |
text-transform: uppercase; |
||
font-family: 'Courier New', monospace; |
font-family: 'Courier New', monospace; |
||
padding: 1rem; |
padding: 1rem; |
||
border: 1px solid |
border: 1px solid currentColor; |
||
box-shadow: 0 0 10px |
box-shadow: 0 0 10px rgba(255, 0, 60, 0.3); |
||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: space-between; |
|||
} |
} |
||
Revision as of 17:50, 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;
gap: 1rem;
flex-wrap: wrap;
}
.ritual-block {
flex: 1 1 45%;
text-transform: uppercase;
font-family: 'Courier New', monospace;
padding: 1rem;
border: 1px solid currentColor;
box-shadow: 0 0 10px rgba(255, 0, 60, 0.3);
}