html,
body {
  margin: 0;
  padding: 0;
}

body {
  width: 1px;
  height: 1px;
  transform-origin: 0 0;
  transform: scale(20);
  image-rendering: pixelated;
  box-shadow:
    /* col 0 */
    0px 0px #FF0000,
    0px 1px #00FF7F,
    0px 2px #FF00FF,
    0px 3px #800000,
    0px 4px #008040,
    /* col 1 */
    1px 0px #FF7F00,
    1px 1px #00FFFF,
    1px 2px #FF007F,
    1px 3px #804000,
    1px 4px #008080,
    /* col 2 */
    2px 0px #FFFF00,
    2px 1px #007FFF,
    2px 2px #C0C0C0,
    2px 3px #808000,
    2px 4px #004080,
    /* col 3 */
    3px 0px #7FFF00,
    3px 1px #0000FF,
    3px 2px #808080,
    3px 3px #408000,
    3px 4px #000080,
    /* col 4 */
    4px 0px #00FF00,
    4px 1px #7F00FF,
    4px 2px #404040,
    4px 3px #008000,
    4px 4px #400080,
    /* col 5 */
    5px 0px #800080,
    5px 1px #FF1493,
    5px 2px #FFD700,
    5px 3px #00FA9A,
    5px 4px #1E90FF;
}