<blockquote class="decoration">You can't use up creativity. </br>The more you use, the more you have.
  <cite> &mdash; Maya Angelou</cite>
</blockquote>
blockquote {
  font-size: 28px;
  font-weight: bold;
  font-family: Georgia, serif;
  background: linear-gradient(to right, #4364f7, #6fb1fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
  max-width: 70vw;
}

cite {
  font-size: 20px;
  font-weight: bold;
  background: linear-gradient(to right, #4364f7, #23d5ab);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
  display: block;
  text-align: right;
  margin-top: 20px;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.