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

h1 { @apply text-5xl my-2}
h2 { @apply text-4xl my-2}
h3 { @apply text-3xl my-1}
h4 { @apply text-2xl my-1}
h5 { @apply text-xl}
h6 { @apply text-base }

.title {  @apply bg-gradient-to-r from-color-primary to-color-secondary text-yellow-400 sm:rounded-t-lg; }
.button { @apply bg-slate-200 hover:bg-slate-400 px-1 cursor-pointer }
.menu { @apply text-slate-200 hover:bg-slate-700 p-2 text-2xl}