input {
  border: 0px solid #5E6C77;
  font-size:12px;
  border-radius: 3px 0 0 3px;
  background: transparent;
  -webkit-transition: all .100s;
  transition: all .100s;
  height:30px;
  width:150px;
  line-height:30px;
  padding-left:8px;
  color: #fff;
}
input:focus {
  outline: none;
  color: #fff;
  border-color: #fff;
}
input.keyup {
  color: white;
  border-color: white;
  text-shadow: 0 0 .125em white;
  box-shadow: 0 0 .25em white,inset 0 0 .25em white;
}


canvas {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}

::-webkit-input-placeholder {
  color: #fff;
  text-shadow: 0 0 .125em transparent;
  -webkit-transition: all .25s;
  transition: all .25s;
}

input:focus::-webkit-input-placeholder {
  opacity:1;
}

::-moz-placeholder {
  color: #fff;
  text-shadow: 0 0 .125em transparent;
  -webkit-transition: all .25s;
  transition: all .25s;
}

input:focus::-moz-placeholder {
  opacity:1;
}

:-ms-input-placeholder {
  color: #fff;
  text-shadow: 0 0 .125em transparent;
  -webkit-transition: all .25s;
  transition: all .25s;
}

input:focus:-ms-input-placeholder {
  opacity:1;
}

html, body {
	width:100%; height:auto;
  overflow: hidden;
  
}
html {
	overflow-y:scroll;
  
}