@layer base {
    body {
        @apply text-slate-800 text-lg bg-gray-700 p-4;
    }
    h1 {
        @apply text-4xl mb-2;
    }
    h2 {
        @apply text-2xl underline decoration-slate-900 decoration-4 mt-6 block;
    }
    h3 {
        @apply mt-6 text-slate-900 font-bold;
    }
    main {
        @apply p-4;
    }
    p {
        @apply mt-3;
    }
    a {
        @apply underline;
    }
    ul {
        @apply pl-6 list-disc;
    }
    blockquote {
        @apply mx-4 py-2 pl-6 pr-4 bg-orange-200 rounded-lg shadow text-gray-800;
    }
    code {
        @apply whitespace-pre-wrap mt-4 block;
    }
}