CSS
html, body {
background-color: #1abc9c;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
h1 {
font-size: 10vw;
font-weight: 900;
text-shadow: .04em .04em 0 #16a085;
z-index:1;
margin: 0;
}
h1,h1:after {
font-family: 'Raleway', sans-serif;
color: rgba(0,0,0,.5);
text-align: center;
text-transform: uppercase;
position: absolute;
color: #efedce;
white-space: nowrap;
letter-spacing: .1em;
padding: .2em 0 .25em 0;
}
h1:after {
content: attr(data-text-shadow);
color: transparent;
text-shadow: none;
position: absolute;
left: .0875em;
top: .0875em;
z-index: -1;
background: linear-gradient(45deg, transparent 25%, white 25%, white 50%, transparent 50%, transparent 75%, white 75%, white);
background-size:4px 4px;
-webkit-background-clip: text;
background-clip: text;
}
