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

/* Force the peer-checked styles into your build: */
@layer utilities {
  input[type="checkbox"].peer:checked + span {
    @apply bg-blue-100 border-blue-500;
  }
}

@layer components {
  label.selected span {
    @apply bg-blue-100 border-blue-500;
  }
}

html {
  scroll-behavior: smooth;
}