html, body {
  margin: 10;
  padding: 0;
  background-color: rgb(198, 221, 235);
}

canvas {
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-crisp-edges;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

canvas, img { /* makes a change, noticeable [28/05/16] */
	image-rendering: optimizeSpeed;
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: optimize-contrast;
	image-rendering: pixelated;
	-ms-interpolation-mode: nearest-neighbor;
}


@font-face {
  font-family: 'pinch';
  src: url('assets/Fonts/pinch.woff2') format('woff2'),
       url('assets/Fonts/pinch.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'babyblocks';
  src: url('assets/Fonts/BabyBlocks.woff2') format('woff2'),
       url('assets/Fonts/BabyBlocks.woff') format('woff'),
       url('assets/Fonts/BabyBlocks.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}