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

body {
  overscroll-behavior: none;
}

@layer base {
  @font-face {
    font-family: "Satoshi";
    font-weight: 300;
    src: url("./fonts/Satoshi-Light.woff2");
  }
  @font-face {
    font-family: "Satoshi";
    font-weight: 400;
    src: url("./fonts/Satoshi-Regular.woff2");
  }
  @font-face {
    font-family: "Satoshi";
    font-weight: 500;
    src: url("./fonts/Satoshi-Medium.woff2");
  }
  @font-face {
    font-family: "Satoshi";
    font-weight: 700;
    src: url("./fonts/Satoshi-Bold.woff2");
  }
  @font-face {
    font-family: "Satoshi";
    font-weight: 800;
    src: url("./fonts/Satoshi-Black.woff2");
  }
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

input:active,
input:focus {
  @apply border-none outline-none;
  -moz-outline: none;
  -webkit-outline: none;
}