canvas {
  /*background-color:white;*/
  width:100%;
  height:100%;
}

.touchable {
  touch-action: none;
  -ms-touch-action: none;
}

.aspect-responsive {
  overflow:hidden;
  position:relative;
  height:0;
}

.aspect-responsive canvas {
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

/* landscape */

.aspect-1-1 {
  padding-bottom:100%;
}

.aspect-4-3 {
  padding-bottom:75%;
}

.aspect-3-2 {
  padding-bottom:66.66%;
}

.aspect-5-3 {
  padding-bottom:60%;
}

.aspect-16-9 {
  padding-bottom:56.25%;
}

.aspect-2-1 {
  padding-bottom:50%;
}

.aspect-19_5-9 {
  padding-bottom:46.15%;
}

/* portrait */

.aspect-3-4 {
  padding-bottom:134%;
}

.aspect-2-3 {
  padding-bottom:150%;
}

.aspect-9-16 {
  padding-bottom:178%;
}