Tailwind CSS

Tailwind is my default CSS approach. I use Tailwind v4 for this portfolio with a custom design token system — navy palette, custom fonts, custom utilities. Utility classes plus CSS custom properties means I never leave the component to style it, and light/dark mode is consistently handled.

<div className="flex min-h-screen flex-col bg-navy-950">
  <nav className="sticky top-0 z-50 glass
                  border-b border-white/5 px-6 py-4">
    <span className="font-display font-black
                     text-gradient-cyan">
      Portfolio
    </span>
  </nav>
</div>