* {
    -webkit-touch-callout: none;
    -webkit-user-select: none; /* Disable selection/copy in UIWebView */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  }
  #canvas1 {
     /*cursor: none;*/
     /*visibility: hidden;*/
  }
  body { 
    /*overflow: hidden; */
  }
  html, body, #canvasDiv, #canvas1 {
    overflow: hidden; 
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  #canvasDiv:hover #msg2 {
    visibility:hidden;
    display:none;
    color:blue;
  }
  #msg {
    /*overflow: hidden; */
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-40%, -50%); 
/*    margin: 20;
    padding: 20;
*/    
    z-index: 1;
    /*opacity: 0.2;*/
    font-size: 2em;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;;
    font-weight: 700;
     /*border: 2px solid blue;*/
    /*visibility: hidden;*/
/*    pointer-events: none;
    touch-action: none;*/
    text-align: center;
    display:none;
  }
  #msg2 {
    /*overflow: hidden; */
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%); 
/*    margin: 20;
    padding: 20;
*/    
    z-index: 1;
    opacity: 0.2;
    font-size: 2em;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;;
    font-weight: 700;
     /*border: 2px solid blue;*/
    /*visibility: hidden;*/
    pointer-events: none;
    touch-action: none;
    text-align: center;
  }
  #msg3 {
    position: absolute;
    left: 20px;
    top: 10px;
    z-index: 1;
    opacity: 0.05;
    /*background: rgba (255,255,255,.2);*/
    font-size: 6em;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;;
    font-weight: 700;
    /*border: 2px solid blue;*/
    pointer-events: none;
    touch-action: none;
  }
  #title {
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 1;
    opacity: 0.05;
    /*background: rgba (255,255,255,.2);*/
    font-size: 6em;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;;
    font-weight: 700;
    /*border: 2px solid blue;*/
    pointer-events: none;
    touch-action: none;
  }
  #canvasDiv {
    
/*    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: center;  
    top:0;
*/

    /*border: 10px solid red;*/
  }
  #canvas1 {
    border: 0px solid blue;
    /*top: 0;*/
  }
  @media only screen and (max-width: 400px) {
    #title, #msg3 {
    font-size: 2em;
    /*bottom: 20px;*/
    }
    #msg2 {
      font-size: 1em;
    }
}