@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

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

html, body {
  font-family: 'Poppins', sans-serif;
}

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

*::-webkit-scrollbar-track {
  border-radius: 5px;
}

*::-webkit-scrollbar-track:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

*::-webkit-scrollbar-track:active {
  background-color: rgba(255, 255, 255, 0.2);
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #353771;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #464994;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #464994;
}
