@tailwind base; /* Preflight will be injected here */
@tailwind components;
@tailwind utilities;

@layer base {
    html {
        /* use serif font style as default */
        /*@apply font-serif;*/
        @apply font-sans;
    }
    a {
        @apply text-green-600 hover:text-green-300 underline decoration-2 underline-offset-4;
    }
    h1 {
        @apply font-sans text-7xl;
    }
    h2 {
        @apply font-sans text-5xl mb-6 mt-4;
    }
    h3 {
        @apply font-sans text-4xl mb-6 mt-4;
    }
    h4 {
        @apply font-sans text-3xl mb-6 mt-4;
    }
    h5 {
        @apply font-sans text-2xl mb-6 mt-4;
    }
    h6 {
        @apply font-sans text-xl mb-6 mt-4;
    }
    ul {
        @apply list-disc list-inside;
    }
    dd {
        @apply pl-8;
    }
}
.highlight {
    @apply bg-gray-300 font-mono m-5 p-5;
    /*@apply bg-gray-300 font-mono m-5 p-5 block;*/
}