"tailwindify" inline styles

[thescientist13]

As part of completing tasks like #30 and #31, there were some cases where using style directly on an element was done.

<img
  class="block w-20 rounded-full text-center"
  style="margin:0 auto"
  src="${avatar}"
  alt="Photo of ${name} (${title})"
/>

In a Tailwind world, it would be nice to using classes as much as possible, or creating custom rules, or whatever the best practice is.

---

Also, for playing around some colors were added to tailwind.config.js but these should already be available as CSS custom properties. I wonder if there is a way to avoid duplicating those color values so they don't have to be updated in one place?