14 lines
996 B
CSS
14 lines
996 B
CSS
:root{--void:#0a0a0f;--obsidian:#1a1a2f;--gold:#ffd700;--bronze:#bf9b30;--starlight:#e0e0ff}
|
|
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
|
|
html{scroll-behavior:smooth}
|
|
body{background:var(--void);color:var(--starlight);font-family:'Inter',system-ui,-apple-system,sans-serif;line-height:1.4;overflow-x:hidden}
|
|
h1,h2,h3{line-height:1.1;letter-spacing:-.05em}
|
|
a{color:var(--gold);transition:text-shadow .8s cubic-bezier(.2,.8,.2,1)}
|
|
a:hover{text-shadow:0 0 48px var(--gold)}
|
|
@keyframe rise{0%{opacity:0;transform:translateY(240px)}50%{opacity:1}100%{opacity:0;transform:translateY(-240px)}}
|
|
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:2rem}
|
|
.card{background:linear-gradient(180deg,var(--void),var(--obsidian));border:1px solid var(--obsidian);padding:2rem;position:relative}
|
|
.gold-thread{width:1px;background:linear-gradient(to bottom,var(--gold),var(--bronze))}
|
|
.citation{font-size:.75rem;opacity:.65;writing-mode:horizontal-tb}
|
|
</style>
|
|
</file> |