@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400&display=swap');


/* Style the scrollbar */
::-webkit-scrollbar {
    width: 12px;  /* Width of the entire scrollbar */
    height: 12px; /* Height of the entire scrollbar */
  }
  
  /* Style the scrollbar track */
  ::-webkit-scrollbar-track {
    background: black; /* Color of the track */
    border-radius: 10px;  /* Rounded corners */
  }
  
  /* Style the scrollbar thumb */
  ::-webkit-scrollbar-thumb {
    background-color: #E5195E; /* Color of the thumb */
    border-radius: 10px;    /* Rounded corners */
    border: 3px solid  black; /* Space around the thumb */
  }
  
  /* Style the scrollbar thumb on hover */
  ::-webkit-scrollbar-thumb:hover {
    background-color: #E5195E; /* Color of the thumb when hovered */
  }
  