/* Code from http://jsfiddle.net/ldiaz/76kcuem0/ via https://stackoverflow.com/a/30269864/4115031
This code apparently only works to change the scrollbar for Chrome.
I've made the width 0px. */

::-webkit-scrollbar {
    height: 0;
    overflow: visible;
    width: 0.75vw;
}
::-webkit-scrollbar-track {
    background-clip: padding-box;
    border-width: 0;
    background-color: rgba(142, 142, 100,0.1);
    background-color: rgba(149,163,158,0.05);
}
::-webkit-scrollbar-track:hover {
    background-color: rgba(142, 142, 100,0.125);
    background-color: rgba(149,163,158,0.1);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1)
}
::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.05);
    background-color: rgba(142, 142, 100,0.2);
    background-color: rgba(149,163,158,0.5);
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0;
    min-height: 28px;
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07)
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.2);
    background-color: rgba(142, 142, 100,0.22);
    background-color: rgba(149,163,158,0.6);
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25)
}
::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, 0.5);
    background-color: rgba(142, 142, 100,0.25);
    background-color: rgba(149,163,158,0.7);
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35)
}