.scroll {
    width: 100%;
    float: left;
    overflow: auto;

    scroll-behavior: smooth;
}

.floating {
  padding-right: 5px;
}


/*generate at: https://mikethedj4.github.io/Webkit-Scrollbar-Generator/*/

/* .scroll::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.scroll:hover::-webkit-scrollbar {
    width: 10px;
    height: 10px;
} */

.scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.scroll::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.scroll::-webkit-scrollbar-thumb {
  background: #9b9797;
  border: 2px solid #ffffff;
  border-radius: 100px;
}
.scroll::-webkit-scrollbar-thumb:hover {
  background: #9b9797;
}
.scroll::-webkit-scrollbar-thumb:active {
  background: #9b9797;
}
.scroll::-webkit-scrollbar-track {
  background: #ffffff;
  border: 0px none #ffffff;
  border-radius: 10px;
}
.scroll::-webkit-scrollbar-track:hover {
  background: #ffffff;
}
.scroll::-webkit-scrollbar-track:active {
  background: #ffffff;
}
.scroll::-webkit-scrollbar-corner {
  background: transparent;
}


.scroll.grey::-webkit-scrollbar-thumb {
  background: #9b9797;
  border: 2px solid #f9f9f9;
  border-radius: 100px;
}
.scroll.grey::-webkit-scrollbar-thumb:hover {
  background: #9b9797;
}
.scroll.grey::-webkit-scrollbar-thumb:active {
  background: #9b9797;
}
.scroll.grey::-webkit-scrollbar-track {
  background: #f9f9f9;
  border: 0px none #ffffff;
  border-radius: 10px;
}
.scroll.grey::-webkit-scrollbar-track:hover {
  background: #f9f9f9;
}
.scroll.grey::-webkit-scrollbar-track:active {
  background: #f9f9f9;
}