body { margin: 0; }

/* MOBILE COMPATIBILITY */
/* Disable double-tap to zoom */
* {
  -ms-touch-action: manipulation; /* IE 10 */
  touch-action: manipulation;     /* Others */
}

/* Disable pinch zoom */
html {
  touch-action: pan-x pan-y;
  height: 100% 
}

/* Disable reloading when over-scrolling */
html, body {  
  overscroll-behavior: none;
}

#runButton {
  position: absolute;
  top: 0;
  left: 30%;
  margin: 10px;
  padding: 10px;
  background-color: #97c551;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  z-index: 1;
}

#blocklyWorkspace {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 30%;
  z-index: 1;
}

canvas {
  position: absolute;
  top: 0;
  left: 30%;
  height: 100%;
  width: 70%;
  z-index: 0;
}