diff options
Diffstat (limited to 'site/style.css')
| -rw-r--r-- | site/style.css | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/site/style.css b/site/style.css index 5ed68e2..1561680 100644 --- a/site/style.css +++ b/site/style.css @@ -101,6 +101,46 @@ a:hover { transform: translateY(-1px); } +.hero__next-event { + background: rgba(255, 255, 255, 0.7); + backdrop-filter: blur(8px); + border: 1px solid rgba(142, 202, 230, 0.4); + border-radius: var(--radius); + padding: 24px 32px; + max-width: 520px; + margin: 0 auto; +} + +.hero__next-label { + font-family: "JetBrains Mono", monospace; + font-size: 0.8rem; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.5px; + color: #3a9fbf; + margin-bottom: 8px; +} + +.hero__next-title { + display: block; + font-family: "JetBrains Mono", monospace; + font-size: 1.2rem; + font-weight: 700; + color: var(--ink); + text-decoration: none; + margin-bottom: 4px; +} + +.hero__next-title:hover { + color: #1a6fa0; +} + +.hero__next-desc { + color: var(--ink-light); + font-size: 0.92rem; + margin-bottom: 16px; +} + /* === Nav === */ .nav { background: var(--white); @@ -240,6 +280,16 @@ section:nth-child(even) { color: var(--ink); } +.event-card--upcoming { + border-color: var(--sky); + background: var(--sky-light); +} + +.event-card--upcoming .event-card__date { + background: var(--sky); + color: var(--white); +} + .event-card__date { font-family: "JetBrains Mono", "Fira Code", monospace; font-size: 0.85rem; |