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

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-ExtraLight.woff2') format('woff2'),
    url('../fonts/Inter-ExtraLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-Regular.woff2') format('woff2'),
    url('../fonts/Inter-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-SemiBold.woff2') format('woff2'),
    url('../fonts/Inter-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

html,
body {
  padding: 0;
  margin: 0;
  font-family: Inter, sans-serif;
  color: white;
  background-color: #141621;
}

html {
  scrollbar-width: none;
}

body {
  overflow-y: scroll;
  cursor: default;
}

a {
  color: inherit;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

*::-webkit-scrollbar {
  display: none;
}

.number {
  white-space: nowrap;
  font-feature-settings: 'tnum' on;
}

/* react-toastify */
/* https://fkhadra.github.io/react-toastify/how-to-style#override-css-variables  */
.Toastify__toast {
  @apply text-sm;
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  @apply bg-green-500;
}