JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header" class="header">
  <p>My Title</p>
</div>

CSS

html{
  background: black;
}
.header {
  font-size: 6vh;
  color: rgb(245, 246, 230);
  text-align: center;
  background: linear-gradient(to right, #45adc1, #64f1c2);
  /* DELETE THE BORDER
  border: 1px solid #333;*/
}