/*  PAPERJS  */

body {
  

  padding: 20px;
  font-size: 18pt;
  font-family:  'Arial Narrow', Arial, sans-serif;

}

p{
font-family: Arial, Helvetica, sans-serif;
}

kbd {
  display: inline-block;
  border: 1px solid black;
  border-radius: 3pt;
  padding: 5px;
  background-color: #333;
  color:white;
  font-family:  monospace;
  margin:1px;
  font-weight: bold;
}

/* Scale canvas with resize attribute to full size*/


canvas[resize] {
  width: 100%;
  height: 100%;
  cursor: crosshair;
}



body {
    margin: 0;
    height: 100%;
}

/* Scale canvas with resize attribute to full size */
canvas[resize] {
  width: 100%;
  height: 100%;
}

#canvasContainer{
  position: relative;
  border: 10px solid rgba(0, 0, 0, 0.435);
  height: 800px;
  border-radius: 40px;

}

#nibgliderCanvas:focus {
  outline: none;
}

#nibgliderCanvas {
  
      border-radius: 30px;

  height: 800px;
  background-color: #cccccc;
  max-width: 100%;
  

  position: absolute;
  left:0px;
right:0px;
top:0px;
bottom:0px;

  
  
  max-width:100%;

  z-index: 10;

}

   

button {

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}