frontend/src/app/globals.css

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&family=Noto+Sans:wght@400;500;700;900&display=swap');

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

body {
  font-family: 'Inter', 'Noto Sans', sans-serif;
  background-color: #0a0a10 !important;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  scroll-behavior: smooth;
}

.app-container{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  scroll-behavior: smooth;
  overflow: scroll;
  max-height: 100dvh;
  padding-top: 80px;
}

.no-padding {
  padding-top: 0;
}

.app-container::-webkit-scrollbar {
  display: none;
}