<div>
  <h1 class="first">DREAM</h1>
  <h1 class="second">DREAM</h1>
  <h1 class="third">DREAM</h1>
</div>
.first {
  text-align: left;
  color: navajowhite;
  position: absolute;
  top: -1px;
  left: 8px;
}

.second {
  position: absolute;
  top: 3px;
  left: 7px;
  color: palevioletred;
  mix-blend-mode: darken;
}

.third {
  position: absolute;
  top: 6px;
  left: 3px;
  color: darkturquoise;
  mix-blend-mode: color-burn;
}

h1 {
  font-size: calc(4rem + 10vw);
  font-family: Verdana, serif;
  margin: 0;
}

div {
  position: relative;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.