@tailwind components;
@tailwind utilities;

[x-cloak] {
  display: none !important;
}

body {
  @apply max-w-7xl mx-auto md:pt-11 md:px-6 my-0;
  @apply h-screen font-cairo;
  @apply font-cairo;
}

hr:first-of-type {
  @apply border-0;
}

#mobile-menu-button {
  @apply outline-none border-0 bg-transparent;
}


div.section:first-of-type,
div.spirit-nav:first-of-type,,
div.copyright-footer:first-of-type,,
div.chapter:first-of-type,,
div.refentry:first-of-type,,
div.book:first-of-type, {
  @apply max-w-7xl px-3 md:px-6 mx-auto;
}