body {
  margin: 0;
}

.wrapper {
  position: absolute;
  --color1: rgb(238.74818, 203.37845, 242.63868);
  --color2: rgb(91.02045, 52.59317, 12.26211);
  --color3: rgb(83.68107, 206.90084, 2.15093);
  --color4: rgb(179.20575, 124.36879, 204.89629);
  --color5: rgb(244.57588, 99.65246, 89.44903);
  height: 100vh;
  width: 100vw;
  background-image:
    radial-gradient(var(--color1), var(--color2)),
    radial-gradient(var(--color3), var(--color4), var(--color5));
  background-size:
    auto,
    1em 1em;
  background-blend-mode: multiply;
  filter: contrast(10);
}

#output {
  width: content;
  padding: 1em;
  background: #232323;
  color: #eee;
  font-size: 18px;
  position: fixed;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: sans-serif;
}