blog/src/app/globals.css

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

* {
    font-family: "OpenDyslexic", monospace;
}

h1 {
    @apply text-4xl;
}

h2 {
    @apply text-2xl;
}

a {
    @apply underline;
}

li {
    @apply list-disc;
    @apply list-inside;
    @apply text-left;
}

p {
  @apply text-justify;
}
@layer utilities {
    .text-balance {
        text-wrap: balance;
    }
}