input.css

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

@font-face {
  font-family: Poppins-Regular;
  src: url("./assets/fonts/Poppins-Regular.ttf")
}

@font-face {
  font-family: Poppins-Bold;
  src: url("./assets/fonts/Poppins-Bold.ttf")
}

@font-face {
  font-family: Poppins-SemiBold;
  src: url("./assets/fonts/Poppins-SemiBold.ttf")
}

.poppins-regular {
  font-family: Poppins-Regular, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-semibold {
  font-family: Poppins-Bold, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-bold {
  font-family: Poppins-Bold, sans-serif;
  font-weight: 700;
  font-style: normal;
}

body {
  @apply poppins-regular;
  @apply bg-[#1D232A];
  @apply w-full;
  @apply min-h-screen;
}

/* 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 */
}