Moved play/stop controls up in the DOM

Play/stop controls were belows the treats canvases in the DOM. Had them
placed above the canvases, which made no sense.
Changed width to use trig and height to be half

Changed the width of the canvas to fix itself from the rotation it has
under CSS using trig. Changed the height of the canvas to be half of the
screen height, since we are using a reflect on the bottom.