Gradient text

<div class="gradient-text">Gradient</div>

.gradient-text {
  color: transparent;
  background: linear-gradient(94deg, #0090f7, #ba62fc, #f2416b, #f55600);
  background-clip: text;

  /* Not necessary, but improves supports slightly for older browsers. */
  -webkit-background-clip: text;
}

/* general styles */

body {
  height: 100dvh;
  margin: 0;

  display: grid;
  place-items: center;

  background: black;
  color: white;
}

div {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-size: clamp(4rem, 1.6923rem + 12.3077vw, 8rem);
  font-weight: bold;
}