body {
  background: #000;
  margin: 0;
  overflow: hidden;
}

#c {
  background: #000;
  display: block;
  margin: auto;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
  width: 100vmin;
  height: 100vmin;
  filter: contrast(80%) brightness(95%);
}

#c.i {
  filter: contrast(60%) brightness(30%) sepia(60%) saturate(666%) hue-rotate(190deg);
}

#c.g {
  filter: contrast(80%) brightness(80%) sepia(60%) saturate(666%) hue-rotate(71deg);
}

#c.a {
  filter: contrast(90%) brightness(80%) sepia(60%) saturate(999%) hue-rotate(345deg);
}