body {
  background-color: #09f;
  background-image: url("/backgrounds/fishbone blue.png");
}

.btn {
  background-image: linear-gradient(#ff944e, #ff6600);
  border-color: #bf6f3a;
}
.btn:hover {
  text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff;
}
.btn:active {
  box-shadow: inset 5px 5px 5px 0px rgba(0,0,0,0.25);
  background-image: linear-gradient(#ff6600, #ff944e);
}

.headsec {
  background-image: linear-gradient(#50b9fd, #0099ff);
  border-color: #3c8bbe;
}

::selection {
  background-color: #ff6600;
}

html::-webkit-scrollbar {
  width: 20px;
  height: 20px;
}
html::-webkit-scrollbar-track {
  box-shadow: inset 3px 3px 3px #00000055; 
  background-color: #50b9fd;
  border: solid 1px #3c8bbe;
}
html::-webkit-scrollbar-track:vertical {
  border-top: 0px;
  border-bottom: 0px;
}
html::-webkit-scrollbar-track:horizontal {
  border-left: 0px;
  border-right: 0px;
}
html::-webkit-scrollbar-thumb {
  background-image: url(/icons/v.png), linear-gradient(to right, #50b9fd, #0099ff);
  background-repeat: no-repeat;
  background-position: center;
  border: solid 1px #3c8bbe;
}
html::-webkit-scrollbar-thumb:horizontal {
  background-image: url(/icons/h.png), linear-gradient(#50b9fd, #0099ff);
  background-repeat: no-repeat;
  background-position: center;
  border: solid 1px #3c8bbe;
}
html::-webkit-scrollbar-thumb:hover {
  background: url(/icons/vh.png), linear-gradient(to right, #50b9fd, #0099ff);
  background-repeat: no-repeat;
  background-position: center;
}
html::-webkit-scrollbar-thumb:horizontal:hover {
  background: url(/icons/hh.png), linear-gradient(to bottom, #50b9fd, #0099ff);
  background-repeat: no-repeat;
  background-position: center;
}
html::-webkit-scrollbar-thumb:active {
  background: url(/icons/vh.png), linear-gradient(to left, #50b9fd, #0099ff);
  box-shadow: inset 3px 3px 3px #00000055;
  background-repeat: no-repeat;
  background-position: center;
}
html::-webkit-scrollbar-thumb:horizontal:active {
  background: url(/icons/hh.png), linear-gradient(to top, #50b9fd, #0099ff);
  box-shadow: inset 3px 3px 3px #00000055;
  background-repeat: no-repeat;
  background-position: center;
}
html::-webkit-scrollbar-corner {
  background-image: #50b9fd;
}

html::-webkit-scrollbar-button:single-button:vertical {
  height: 20px;
  border: solid 1px #3c8bbe;
}

html::-webkit-scrollbar-button:single-button:vertical:decrement {
  background: url(/icons/u.png), linear-gradient(to right, #50b9fd, #0099ff);
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:vertical:increment {
  background: url(/icons/d.png), linear-gradient(to right, #50b9fd, #0099ff);
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:horizontal {
  width: 20px;
  border: solid 1px #3c8bbe;
}

html::-webkit-scrollbar-button:single-button:horizontal:decrement {
  background: url(/icons/l.png), linear-gradient(to bottom, #50b9fd, #0099ff);
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:horizontal:increment {
  background: url(/icons/r.png), linear-gradient(to bottom, #50b9fd, #0099ff);
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  background: url(/icons/uh.png), linear-gradient(to right, #50b9fd, #0099ff);
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:vertical:increment:hover {
  background: url(/icons/dh.png), linear-gradient(to right, #50b9fd, #0099ff);
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
  background: url(/icons/lh.png), linear-gradient(to bottom, #50b9fd, #0099ff);
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
  background: url(/icons/rh.png), linear-gradient(to bottom, #50b9fd, #0099ff);
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:vertical:decrement:active {
  background: url(/icons/uh.png), linear-gradient(to left, #50b9fd, #0099ff);
  box-shadow: inset 3px 3px 3px #00000055;
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:vertical:increment:active {
  background: url(/icons/dh.png), linear-gradient(to left, #50b9fd, #0099ff);
  box-shadow: inset 3px 3px 3px #00000055;
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
  background: url(/icons/lh.png), linear-gradient(to top, #50b9fd, #0099ff);
  box-shadow: inset 3px 3px 3px #00000055;
  background-repeat: no-repeat;
  background-position: center;
}

html::-webkit-scrollbar-button:single-button:horizontal:increment:active {
  background: url(/icons/rh.png), linear-gradient(to top, #50b9fd, #0099ff);
  box-shadow: inset 3px 3px 3px #00000055;
  background-repeat: no-repeat;
  background-position: center;
}