@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

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

@layer base {
  body {
    color: theme('colors.typo');
    background-color:theme('backgroundColor.white');
    @apply overflow-x-hidden;
    @apply no-scrollbar;
    -webkit-tap-highlight-color: transparent;
  };

}

@layer utilities {
  /* Hide scrollbar for Chrome, Safari and Opera */
  .no-scrollbar::-webkit-scrollbar {
      display: none;
  }
  /* Hide scrollbar for IE, Edge and Firefox */
  .no-scrollbar {
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
  }

  @media (max-width: 1280px) { 
    #book {
      @apply hidden !important
    }
  }

  .paraph {
    padding: 0;
    margin: 2px 0;
  }

  .tinymce-content div {
    padding: 0;
    margin: 2px 0;
  }

  .tinymce-content div>div>p {
    padding: 0;
    margin: 2px 0;
  }
}