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

@layer utilities {
  /* Horizontally scrollable rows without a visible scrollbar taking up space. */
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 380px) {
    html, body {
      width: 350px;
      max-width: 350px;
      height: 600px;
      max-height: 600px;
      overflow: hidden;
    }
  }
