YOLO

index.html

<div class="content">
  <p>YOLO</p>
</div>

style.css

html {
  min-height: 100vh;
}
body {
  background: linear-gradient(to bottom, #94fef7 0%, #aafea3 25%, #f9fbb1 50%, #fea6f7 75%, #94fef7 100%);
  min-height: 100vh;
    margin: 0;
  padding: 0;
}

.content {
    margin: 0;
  padding: 0;
  background: linear-gradient(to bottom, #94fef7 0%, #aafea3 25%, #f9fbb1 50%, #fea6f7 75%, #94fef7 100%)
  height: 200vh;
}

.content p {
  font-family: sans-serif;
  background: linear-gradient(to top, #94fef7 0%, #aafea3 25%, #f9fbb1 50%, #fea6f7 75%, #94fef7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50vh;
  line-height: 100vh;
  text-align: center;
  margin: 0;
  padding: 0;
}

YOLO.markdown

YOLO

A Pen by Furkan Tunalı on CodePen.

License.