*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  --chakra-fonts-heading: "Avenir Next LT Pro", "system-ui";
  --chakra-fonts-body: "Avenir Next LT Pro", "system-ui";
}

body {
  overflow: hidden;
}

#root {
  height: 100vh;
  width: 100vw;
}

::-webkit-scrollbar {
  width: 0.45rem;
  height: 0.45rem;
}

html {
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #5651b7;
}

::-webkit-scrollbar-track {
  background: #cbd5e0;
  border-radius: 0.5rem;
}

::-webkit-scrollbar-thumb {
  background-color: #718096;
  border-radius: 0.5rem;
  border: 1px solid #4a5568;
}