A living style guide rendered from the real CSS. Everything here is defined in
src/styles/global.css — tokens live in the :root block,
components are the classes below. Change a value there and it changes everywhere.
.p1 linear-gradient(135deg,#5b5bff,#00e5ff) .p2 linear-gradient(135deg,#ff2d6b,#ff8a00) .p3 linear-gradient(135deg,#0a0a0f,#2a2a55) .p4 linear-gradient(135deg,#d4ff00,#00e5ff) A lead paragraph with an emphasized gradient phrase woven in.
Body copy in prose. Designed for reading — 720px max, 1.7 line-height, with cyan links and inline code.
.glow — fixed radial-gradient backdrop, drifts on an 18s loop (@keyframes drift)..cursor / #cur — custom acid dot that follows the pointer and swells to a hot circle (.big) over interactive elements. Hidden on touch..dot — pulsing acid status dot (@keyframes pulse)..reveal → .reveal.in — scroll-triggered fade/slide via IntersectionObserver in Base.astro.::selection — acid background, black text..card, .proj, .post, .btn, nav links.
To change anything here, edit src/styles/global.css. Tokens are in the
:root block at the top; each component above maps to the class shown in its
index label.