@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap");


root {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}
#root {
  width: 100%;
}
body {
  margin: 0;
  display: flex;
  font-family: -apple-system, BlinkMacSystemFont, "Jost", "Red Hat Display",
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
  /* min-width: 100%; */
  /* min-height: 100vh; */
}
.custom-spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100vh;
  z-index: 99999;
  background-color: transparent;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background: #9a9a9a;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: grey;
}
.scroll-box {
  max-height: "100px";
}