JSFiddle - React, Tailwind, and code Playground

HTML

<div>minou</div>

CSS

body {
  width: 100%;
  height: 100vh;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #333;
}

div {
  font: 24pt sans-serif;
  text-align: center;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, aqua 50%, magenta 50%);
  -webkit-background-clip: text;
  background-repeat: no-repeat;
}