/* Write your global styles here, in PostCSS syntax */
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
    html {
      font-family: 'Noto Sans Thai', sans-serif;
    }
    h1 {
      @apply text-4xl;
    }
    h2 {
      @apply text-2xl;
    }
    ul{
      @apply list-disc
    }
    ol{
      @apply list-decimal
    }
    .cardxl{
      padding-right: 2rem;
    }
    @media only screen and (max-width: 1024px) {
      .cardxl{
        padding-right: 0rem !important;
        padding-bottom: 2rem;
      }
     
    }
  }