body {
  width: 100vw;
  min-height: 100vh;
  background-image: linear-gradient(
    hsl(0, 88.93%, 50.39%) 0%,
    hsl(355.37, 86.76%, 50.28%) 15.24%,
    hsl(350.92, 83.26%, 49.98%) 26.69%,
    hsl(346.33, 80.21%, 49.42%) 34.97%,
    hsl(341.39, 76.81%, 48.57%) 40.73%,
    hsl(335.86, 73.1%, 47.42%) 44.6%,
    hsl(329.4, 69.05%, 45.95%) 47.23%,
    hsl(321.56, 64.59%, 44.16%) 49.25%,
    hsl(311.55, 59.59%, 42.04%) 51.3%,
    hsl(297.99, 54.69%, 40.29%) 54.02%,
    hsl(283.67, 54.94%, 43.14%) 58.05%,
    hsl(270.56, 55.13%, 45.75%) 64.02%,
    hsl(257.97, 55.27%, 48.1%) 72.58%,
    hsl(244.82, 55.77%, 50.17%) 84.36%,
    hsl(229.27, 76.82%, 45.69%) 100%
  );
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.