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


@layer base {

  body, input, textarea {
    @apply bg-white dark:bg-slate-800 text-zinc-700 dark:text-white;
  }
  
  
  p {
    @apply py-2;
  }
  
  h1, h2, h3 {
    @apply font-bold my-2;
  }
  
  h1{
   @apply text-4xl;
  }
  
  h2 {
    @apply text-3xl;
  }

  h3 {
    @apply text-2xl;
  }

  ul {
    @apply list-disc list-inside;
  }

  ul > li > ul {
    @apply ml-6;
  }

  ol {
    @apply list-decimal list-inside;
  }

  ol > li > ul {
    @apply ml-6;
  }

  table {
    @apply w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400;
  }

  td, th {
    @apply py-1 px-2 text-sm align-top text-wrap text-pretty;
  }

  pre {
    @apply my-3 font-mono text-xs bg-sky-100 py-1 px-1 text-wrap dark:bg-slate-600;
  }

}