html,
body {
  overflow-x: hidden;
}

img,
svg,
video,
canvas {
  max-width: 100%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  nav .hidden.md\:flex {
    display: none !important;
  }

  nav .md\:hidden {
    display: flex !important;
  }
}

@media (max-width: 1023px) {
  [role="tablist"],
  .overflow-x-auto {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
}

@media (max-width: 430px) {
  h1 {
    overflow-wrap: anywhere;
  }

  input,
  textarea,
  select,
  button {
    font-size: 16px;
  }
}