sample_rails_tailwind/app/assets/stylesheets/application.tailwind.css

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

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/

@layer base {
    h1, h2, h3, h4, h5, h6 {
        @apply leading-none;
    }

    h1 {
        @apply text-[3em] tracking-[-2px] mb-[30px] text-center;
    }

    h2 {
        @apply text-[1.2em] tracking-[-1px] mb-[30px] text-center font-normal text-gray-400;
    }

    p {
        @apply text-[1.1em] leading-[1.7];
    }
}