body {
  overflow:scroll;
  background-color: #000;
}

canvas {
  position:absolute;
  top: 100px;
  right: 50px;;
}

#scaler {
  position:absolute;
  top: 100px;
  right: 150px;
  width: 100px;

}

.background {
  border: 1px solid #51A874;
  background-color: #000000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgb(255, 255, 255)));
  background-image: -webkit-linear-gradient(top, rgb(0, 0, 0), rgb(255, 255, 255));
  background-image: -moz-linear-gradient(top, rgb(0, 0, 0), rgb(255, 255, 255));
  background-image: -o-linear-gradient(top, rgb(0, 0, 0), rgb(255, 255, 255));
  background-image: -ms-linear-gradient(top, rgb(0, 0, 0), rgb(255, 255, 255));
  background-image: linear-gradient(top, rgb(0, 0, 0), rgb(255, 255, 255));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#000000', EndColorStr='#ffffff');

}

.handle {
  position: absolute;
  left: 27px;
}
.handle .line {
  width: 15px;
  border-top: 1px solid #13D661;
  border-bottom: 1px solid #0C7235;
  position:absolute;
  top: 16px;
  left: -15px;
}
input.ascii {
margin-top: 5px;
  border: none !important;
  font-size: 12px !important;
  width: 25px !important;
  border-radius: 0 !important;
  text-align: center;
  height: 20px;
  
}
.number {
cursor: ns-resize;
margin-left: 5px;
font-family: Helvetica;
  font-size: 12px;
  color: white;
  line-height: 1em;
  position:relative;
}