<svg>
	<filter id="textStroke">
		<feMorphology operator="dilate" radius="10" 
		in="SourceGraphic" result="THICKNESS" />
		<feComposite operator="out" in="THICKNESS" in2="SourceGraphic"></feComposite>
	</filter>
</svg>

<h2>Whatever you do, do it well.</h2>
body {
	background: #1e1f26;
	background: linear-gradient(#262730, #131A1C);
	display: flex;
	align-items: center;
	height: 100vh;
}

h2 {
    font-family: 'Barrio', cursive;
	font-size: 12em;
	letter-spacing: -5px;
	line-height: .9;
	transform: rotate(-10deg);

/* 	-webkit-text-stroke: 10px #FF5C57;
	color: transparent; */
	color: #FF5C57;
 	filter: url(#textStroke);
}

External CSS

  1. https://fonts.googleapis.com/css?family=Barrio&amp;display=swap

External JavaScript

This Pen doesn't use any external JavaScript resources.