<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

External CSS

  1. https://res.cloudinary.com/dxij3wtkk/raw/upload/v1546720153/portfolio/fonts.css
  2. https://fonts.googleapis.com/css?family=Raleway

External JavaScript

This Pen doesn't use any external JavaScript resources.