webkit scrollbar.css

html::-webkit-scrollbar {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(59%, black), color-stop(0%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, black 59%, rgba(255, 255, 255, 0) 0%);
    background-image: linear-gradient(to bottom, black 59%, rgba(255, 255, 255, 0) 0%);
    background-size: 4px 3px;
    background-repeat: repeat-y;
    background-position: center center;
    width: .7rem;
}
html::-webkit-scrollbar-button {
    background-color: #000;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    height: 1rem;
    width: .7rem;
}
html::-webkit-scrollbar-thumb {
    background-color: #F8D257;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
}