#root {
    font-family: "Jost", sans-serif;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}


/* Custom Scrollbar Styles */

/* The track (background) of the scrollbar */
::-webkit-scrollbar-track {
    background: #f1f1f1;  /* Light grey background */
  }
  
  /* The thumb (handle) of the scrollbar */
  ::-webkit-scrollbar-thumb {
    background-color: #888;  /* Darker grey handle */
    border-radius: 10px;     /* Rounded corners */
    border: 2px solid #f1f1f1; /* Padding around the handle */
  }
  
  /* The thumb (handle) on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;        /* Darker color when hovered */
  }
  
  /* Scrollbar width */
  ::-webkit-scrollbar {
    width: 12px;            /* Width of the scrollbar */
  }
  
  /* Firefox customization */
  * {
    scrollbar-width: thin;  /* Thin scrollbar for Firefox */
    scrollbar-color: #888 #f1f1f1; /* Thumb color and track color for Firefox */
  }