margin: 0;

  padding: 0;

  overscroll-behavior: none;

}

canvas {

  display: block;

  position:fixed;

  top:0px;

  left:0px;

  z-index:-1;

}

​

#rand_brush{

​

  position:fixed;

  bottom:-10px;

  left:42%;

  font-size:50px;

  z-index:999;

padding:8px;

  padding-bottom:16px;

}

​

​

​

#palette_btn{

​

  position:fixed;

  bottom:15%;

  right:-6px;

  padding-right:16px;

  font-size:30px;

  z-index:999;

  display:none;

​

}

​

​

​

input{

​

  -webkit-appearance: none;

  font-size:21px;

  padding:2px;

  background:#EEE;

  border-radius:9px;

  border:3px solid #DDD;

  -webkit-user-select: none; /* Safari */        

-moz-user-select: none; /* Firefox */

-ms-user-select: none; /* IE10+/Edge */

user-select: none; /* Standard */

​

}

​

#save_btn{

​

  position:fixed;

top:4px;

  right:4px;

   font-size:28px;

  padding:6px;

   z-index:9999;

  display:none;

}

​

​

#theslider{

​

position:fixed;

  left:20%;

  top:8px;

  display:none;

​

}

​

​

input[type="range"] {

  -webkit-appearance: none;

  -moz-appearance: none;

  width:50%;

  height:14px;

  padding:10px;

   border-radius:22px;

    -webkit-box-shadow: inset 5px 5px 9px -2px rgba(0,0,0,0.34); 

box-shadow: inset 5px 5px 9px -2px rgba(0,0,0,0.34);

}

​

​

input[type="range"]::-webkit-slider-runnable-track {

 background: #EEE;

 height: 15px;

  width:100%;

  -webkit-box-shadow: inset 5px 5px 9px -2px rgba(0,0,0,0.44); 

box-shadow: inset 5px 5px 9px -2px rgba(0,0,0,0.44);

  border-radius:22px;

}

​

input[type="range"]::-moz-range-track {

 background: #EEE;

 height: 15px;

  width:100%;

  -webkit-box-shadow: inset 5px 5px 9px -2px rgba(0,0,0,0.44); 

box-shadow: inset 5px 5px 9px -2px rgba(0,0,0,0.44);

  border-radius:22px;

}

​

/*  THUMB */

​

​

input[type="range"]::-webkit-slider-thumb {

 -webkit-appearance: none;

 height: 25px;

 width: 25px;

  background: #FFF;

 margin-top: -5px;

 border-radius: 50%;

  border:0px;

    -webkit-box-shadow: 5px 5px 9px -2px rgba(0,0,0,0.44); 

box-shadow:   5px 5px 9px -2px rgba(0,0,0,0.44);

}

​

input[type="range"]::-moz-range-thumb {

 -webkit-appearance: none;

 height: 25px;

 width: 25px;

  background: #FFF;

 margin-top: -5px;

 border-radius: 50%;

  border:0px;

    -webkit-box-shadow: 5px 5px 9px -2px rgba(0,0,0,0.44); 

box-shadow:   5px 5px 9px -2px rgba(0,0,0,0.44);

}

​

​