#contents{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

#contents::-webkit-scrollbar {
    display: none;
}

#contents::-webkit-scrollbar-track {
background: #f1f1f1; /* color of the tracking area */
}

#contents::-webkit-scrollbar-thumb {
background-color: #888; /* color of the scroll thumb */
border-radius: 6px; /* roundness of the scroll thumb */
border: 3px solid #f1f1f1; /* creates padding around scroll thumb */
}

/* When the scroll thumb is hovered or active */
#contents::-webkit-scrollbar-thumb:hover {
background: #555; /* color of the scroll thumb when hovered */
}

#contents::-webkit-scrollbar-thumb:active {
background-color: #333; /* color of the scroll thumb when clicked on */
}