#canvas
{
   background-color: #fff;
   margin: 0 auto;
   overflow: hidden;
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
}

#canvas.touch-enabled
{
   margin-bottom: 12rem;
}

#canvas > img
{
   float: left;
   padding-top: 1em;
/* aspect ratio 7/8 */
   width: 4.375em;
   height: 5em;
}

@media screen and (max-width: 600px) and (orientation: portrait),
                  (max-width: 767px) and (orientation: landscape)
{
   #canvas > img
   {
      width: 2.1875em;
      height: 2.5em;
   }
}

#cursor
{
   float: none !important;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 10;
}
