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

@font-face {
  font-family: 'Ivy Mode';
  src: url('./fonts/ivy-mode-light.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Ivy Mode';
  src: url('./fonts/ivy-mode-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Ivy Mode';
  src: url('./fonts/ivy-mode-semi-bold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

html {
  scroll-behavior: smooth;
}

.no-scrollbar {
  overflow-x: auto;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, and Edge */
}
