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