@font-face {
  font-family: 'Tiempos';
  src: url('../assets/fonts/Tiempos-light.woff2') format('woff2');
  font-weight: 300; /* Light */
  font-style: normal;
}

@font-face {
  font-family: 'Tiempos';
  src: url('../assets/fonts/Tiempos-regular.woff2') format('woff2');
  font-weight: 400; /* Regular */
  font-style: normal;
}

@font-face {
  font-family: 'Untitled Sans';
  src: url('../assets/fonts/Untitled-sans-regular.woff2') format('woff2');
  font-weight: 400; /* Regular */
  font-style: normal;
}

@font-face {
  font-family: 'Untitled Sans';
  src: url('../assets/fonts/Untitled-sans-medium.woff2') format('woff2');
  font-weight: 500; /* Medium */
  font-style: normal;
}

body {
    overscroll-behavior: none;
  }

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

/* add the code bellow */ 
@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 */
}
}

img,
video {
  width: 100%;
  height: auto;
}