22 lines
1.4 KiB
CSS
22 lines
1.4 KiB
CSS
|
:root{--bg:#0f0d0e;--card:#1a1618;--gold:#d4af37;--soft:#e0c66d;--border:#333;--err:#ff6666;--font:'Georgia',serif;--t:.3s}
|
||
|
|
*{box-sizing:border-box;margin:0;padding:0}
|
||
|
|
body{background:var(--bg);color:var(--gold);font-family:var(--font);line-height:1.7}
|
||
|
|
a{color:var(--gold);text-decoration:none}
|
||
|
|
header{padding:2rem 1rem;border-bottom:1px solid var(--border)}
|
||
|
|
nav{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto}
|
||
|
|
nav ul{display:flex;flex-wrap:wrap;gap:1rem;list-style:none}
|
||
|
|
.hero{margin:2rem auto;max-width:720px;text-align:center}
|
||
|
|
.glyph{margin:0 auto 1rem;width:90px;height:90px;border:2px solid var(--gold);border-radius:50%}
|
||
|
|
main{padding:2rem 1rem;max-width:1200px;margin:0 auto}
|
||
|
|
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}
|
||
|
|
article{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1rem;cursor:pointer}
|
||
|
|
.thumb{height:140px;background:var(--border);border-radius:6px;margin-bottom:1rem}
|
||
|
|
h3{margin:.5rem 0}
|
||
|
|
.date{font-size:.85rem;color:var(--soft)}
|
||
|
|
.pill{display:inline-block;padding:.15rem .6rem;border-radius:999px;background:var(--border);font-size:.85rem;margin:.1rem .2rem}
|
||
|
|
.pill.section{background:#4a3d18}
|
||
|
|
.pill.program{background:#584a1f}
|
||
|
|
.markdown{max-width:720px;margin:2rem auto}
|
||
|
|
.error{color:var(--err);text-align:center;margin:2rem 0}
|
||
|
|
.loading{color:var(--soft);text-align:center}
|