<svg viewBox="0 0 160 20" xmlns="http://www.w3.org/2000/svg">
<text x="1" y="13" class=main>
Natasha Gonzales
</text>
<text x="0" y="13" class=overline>
Natasha Gonzales
</text>
</svg>
body {
display: grid;
height: 100vh;
align-content: center;
}
.main {
fill: #da4167;
font-family: 'choplin';
text-transform: lowercase;
}
.overline {
text-transform: lowercase;
stroke: #01b9e1;
font-family: 'choplin';
stroke-width: 0.5px;
fill: transparent;
mix-blend-mode: darken;
}
View Compiled
This Pen doesn't use any external JavaScript resources.