a:link {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a {
    text-decoration: none !important;
  }

  :root{
     scrollbar-color: rgba(255, 0, 0, 0.011) #000;
    scrollbar-width: thin;
  }

/* Chrome, Edge, Opera, Safari */

/* entire scrollbar */
::-webkit-scrollbar{
  width: 1rem;
  height: 1rem;
  border-radius: 10px;
}

/* the buttons on the scrollbar (arrows pointing upwards and downwards that scroll one line at a time) */
::-webkit-scrollbar-button{
  color: #eee;;
  border-radius: 10px;
}

/* the draggable scrolling handle */
::-webkit-scrollbar-thumb{
  background-color: #ccc;
  border-radius: 0px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover{
  background-color: #ccc;
  border-radius: 10px;
}

/* the track (progress bar) of the scrollbar, where there is a gray bar on top of a white bar */
::-webkit-scrollbar-track{
  background-color: #eee;
  
}

/* the part of the track (progress bar) not covered by the handle */
::-webkit-scrollbar-track-piece{
   background-color: #eee;
   border-radius: 50px;
}

/* the bottom corner of the scrollbar, where both horizontal and vertical scrollbars meet. This is often the bottom-right corner of the browser window. */
::-webkit-scrollbar-corner{
  background-color: #ccc;
}

/* the draggable resizing handle that appears at the bottom corner of some elements. */
::-webkit-resizer{
  background-color: #eee;
}