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

// add the code bellow
@layer utilities {
  /* Hide scrollbar for Chrome, Safari and Opera */
  .scrollbar-hide::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .scrollbar-hide {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }

  /* show scrollbar for Chrome, Safari and Opera */
  .scrollbar-default::-webkit-scrollbar {
    display: block;
  }

  /* show scrollbar for IE, Edge and Firefox */
  .scrollbar-default {
    -ms-overflow-style: auto; /* IE and Edge */
    scrollbar-width: auto; /* Firefox */
  }

  .typo-v {
    writing-mode: vertical-lr;
    -webkit-writing-mode: lr;
    -webkit-text-orientation: upright;
    text-orientation: upright;
  }
}
html {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body {
  height: 100%;
  width: 100%;
  a,
  button,
  textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #root {
    height: 100%;
  }
}