blog/lib/css/main.css

@import 'highlight.js/styles/dark.css';

@tailwind base;
@tailwind components;
@tailwind utilities;
@tailwind variants;

@layer base {
  html {
    font-family:
      IBM Plex Mono,
      ui-monospace,
      monospace;
  }

  a {
    @apply underline underline-offset-4 decoration-slate-500 hover:decoration-indigo-500;
  }
}

.flow > * + * {
  margin-block-start: var(--flow-space, 1em);
}