<div class="box">
  <h1 class="one">IFRONT.NET</h1>
  <h1 class="two">IFRONT.NET</h1>
  <h1 class="three">IFRONT.NET</h1>
</div>
body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.box {
  position: relative;
}
.box h1 {
  font-weight: bold;
  font-size: 60px;
  white-space: nowrap;
}
.one {
  color: navajowhite;
}
.two {
  top: 2px;
  right: 2px;
  position: absolute;
  color: palevioletred;
  mix-blend-mode: darken;
}
.three {
  top: 4px;
  right: 4px;
  position: absolute;
  color: darkturquoise;
  mix-blend-mode: color-burn;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.