/* Scroll Style */

.myScroll {
  position : fixed;
  right    : 2px;
  top      : 0;
  height   : 100%;
  width    : 4px;
  height   : 100%;
  z-index  : 0;

  span {

    display          : block;
    position         : absolute;
    top              : 5px;
    left             : 0;

    width            : inherit;

    background-color : rgba(255, 255, 255, 0.5);

    cursor           : pointer;

    &:before {
      content          : "";

      position         : absolute;
      top              : -4px;
      left             : 0;
      display          : block;

      width            : inherit;
      height           : 4px;
      background-color : inherit;
      border-radius    : 50% 50% 0 0;
    }

    &:after {

      content          : "";

      position         : absolute;
      bottom           : -4px;
      left             : 0;
      display          : block;

      width            : inherit;
      height           : 4px;
      background-color : inherit;
      border-radius    : 0 0 50% 50%;

    }

  }
}