/* WebKit only :( */

/*body {
  font-family: Verdana, sans-serif;
  background-image: url('http://www.hdwallpapers3d.com/wp-content/uploads/abstract-wallpaper1.jpg');
  background-size: 100%;
  color: white;
  text-shadow: 0 1px 1px black;
}*/

/*h1 {
  text-align:center;
  text-shadow: 0 3px 3px black; 
}*/

.wrapper {
  width:100%;
  /*background:rgba(20,20,20,.2);*/
  margin:0 auto;
   
}

.scrollable {
  width:100%;
  /*background:rgba(0,200,200,.1);*/
  height:300px;
  margin:0 auto;
}
.scrollable2 {
  width:100%;
  /*background:rgba(0,200,200,.1);*/
  height:240px;
  margin:0 auto;
}

/* relevant code starts here */
.scrollable { overflow-y: auto; }
.scrollable::-webkit-scrollbar {
    width: 4px;
    height: 16px; 
}

.scrollable2 { overflow-y: auto; }
.scrollable2::-webkit-scrollbar {
    width: 4px;
    height: 16px; 
}

.scrollable2::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); 
}
.scrollable2::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none; 
}
.scrollable2::-webkit-scrollbar-corner {
    background-color: transparent; 
}


.scrollable2::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); 
}
.scrollable2::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none; 
}
.scrollable2::-webkit-scrollbar-corner {
    background-color: transparent; 
}