html,
body {
  background-color: #832472;
  background-image: linear-gradient(
      135deg,
      hsl(311deg 57% 33%) 0%,
      hsl(311deg 44% 38%) 8%,
      hsl(312deg 36% 43%) 17%,
      hsl(312deg 30% 48%) 25%,
      hsl(312deg 29% 53%) 33%,
      hsl(312deg 29% 58%) 42%,
      hsl(312deg 30% 63%) 50%,
      hsl(312deg 31% 68%) 58%,
      hsl(312deg 33% 73%) 67%,
      hsl(312deg 35% 78%) 75%,
      hsl(312deg 37% 83%) 83%,
      hsl(312deg 43% 88%) 92%,
      hsl(312deg 56% 93%) 100%
    );
    background-size: 150% 150%;
}

html:has(main),
body:has(main) {
  background: #fff;
}