<p class="gradient">Dinosaurs eat Man. Woman inherits the earth.</p>

* {
  border: 0;
  margin: 0;
  padding: 0;
}

body {
  background: #28223b;
  color: #fff;
  font-family: Arial;
  padding: 50px;
}

p.gradient {
  font-size: 6rem;
  font-weight: bold;
  max-width: 18ch;
  /* Base text color used if background:clip is not supported */
  color: #ffe299;
}

@supports (-webkit-background-clip: text) {
  p.gradient {
    /* Pretty gradient thanks to Josh Cormeau's CSS gradient generator
     * https://www.joshwcomeau.com/gradient-generator?colors=e5e59b|ffe299|ff959d&angle=90&colorMode=hsl&precision=8&easingCurve=0.25|0.75|0.75|0.25
    */
    background-image: linear-gradient(
      90deg,
      hsl(60deg 59% 75%) 0%,
      hsl(56deg 67% 76%) 10%,
      hsl(53deg 76% 77%) 20%,
      hsl(50deg 84% 78%) 30%,
      hsl(46deg 92% 79%) 40%,
      hsl(43deg 100% 80%) 50%,
      hsl(34deg 100% 80%) 60%,
      hsl(24deg 100% 80%) 70%,
      hsl(14deg 100% 80%) 80%,
      hsl(5deg 100% 79%) 90%,
      hsl(355deg 100% 79%) 100%
    );
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }
}