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;
}
