<p class="gradient-text">Courage is grace under pressure</p>

@import url(https://fonts.googleapis.com/css?family=Pinyon+Script);

.gradient-text {
  font-family: 'Pinyon Script', cursive;
  font-size: 50px;
  padding: 20px;
  margin: 30px 0 0;
  display: inline-block;
  color: #E55D87;
}

@supports
  (-webkit-background-clip: text) or 
  (background-clip: text) {
  .gradient-text {
    background: linear-gradient(90deg, #E55D87 10%, #5FC3E4 90%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }
}