@tailwind base;
@tailwind components;
@tailwind utilities;
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");

html,
body {
  @apply font-sans text-gray-800 min-h-screen flex flex-col;
  scroll-behavior: smooth;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Tidy green scrollbar */
* {
  scrollbar-width: thin;
  scrollbar-color: #16a34a #f3f4f6;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb {
  background: #16a34a;
  border-radius: 9999px;
  border: 2px solid #f3f4f6;
}
::-webkit-scrollbar-thumb:hover {
  background: #15803d;
}