html{
    scroll-behavior: smooth;
}

/* Firefox (uncomment to work in Firefox, although other properties will not work!)  */
/** {
  scrollbar-width: thin;
  scrollbar-color: #552FAE #DFE9EB;
}*/

/* Chrome, Edge and Safari */
/* Firefox (uncomment to work in Firefox, although other properties will not work!)  */
/** {
  scrollbar-width: thin;
  scrollbar-color: #552FAE #5B6973;
}*/

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
    height: 10px;
    width: 10px;
  }
  *::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #5B6973;
  }
  
  *::-webkit-scrollbar-track:hover {
    background-color: #64747F;
  }
  
  *::-webkit-scrollbar-track:active {
    background-color: #6C7D89;
  }
  
  *::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #552FAE;
  }
  
  *::-webkit-scrollbar-thumb:hover {
    background-color: #693AD7;
  }
  
  *::-webkit-scrollbar-thumb:active {
    background-color: #6E3EE4;
  }