<h1>
  <span id="light">
    <span>L</span>
    <span id="i">I</span>
    <span id="g">G</span>
    <span id="h">H</span>
    <span id="t">T</span>
  </span>
  <span id="years">YEARS</span>
</h1>

@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
body { 
  text-align: center; 
  font-family: Montserrat, sans-serif; 
  color: #888;
  background: #000;
  margin: 0;
  margin-top: 3rem;
}
h1 {
  font-size: 20vw;
  margin: 0; 
  position: relative;
  font-weight: 600;
}
h1 > span { 
  position: absolute; 
  left: 0;
  width: 100%;
}
#light {
  left: -1vw;
}
#light > span {
  position: relative;
}
#i { left: 3vw; }
#g { left: 3vw; }
#h { left: 1vw; }
#t { left: -2vw; }

#years {
  mix-blend-mode: screen; 
  letter-spacing: 3vw;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.