html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

body {
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
}

#download {
  display: none;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

#download.visible {
  display: block;
}
.outsideWrapper{ display:block; height:100%; 
	overflow:hidden;
   }
.insideWrapper{ display:block; height:100%; 
    position:relative;
	overflow:hidden;}
.coveredImage{  height:100%; 
    position:relative; top:0px; left:0px;
	overflow:hidden;
}
.coveringCanvas{ 
    width:100%; height:100%; 
    position:absolute; top:0px; left:0px;
    background-color: rgba(255,0,0,.1);
}
#img {

}
#theCanvas {
display:block;
justify-content: center;
align-items:centre;}