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

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

:root {
  --color-brand-teal: #006D77;
  --color-brand-sand: #E8D5B7;
  --color-brand-coral: #FF6B6B;
  --color-brand-offwhite: #F9F9F9;
  --color-brand-navy: #0D1B2A;
}
html, body, #root {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  background-color: #F9F9F9;
  color: var(--color-brand-navy);
  font-family: 'Poppins', sans-serif;
}
/* 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;
  scrollbar-width: none;
}