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

@layer base {
  html,
  body {
    @apply bg-base-200 overflow-hidden;
  }
}

@layer utilities {
  .container {
    @apply max-w-5xl;
  }
}

@layer components {
  .card {
    @apply bg-base-100;
  }

  .card-body {
    @apply p-4 md:p-8;
  }

  .dropdown-content {
    @apply z-10;
  }

  .table.table-sm th,
  .table.table-xs th {
    @apply py-4;
  }

  .modal-backdrop {
    @apply border-none outline-none;
  }
}
