<div class="title">
  <h1>Permanent<br/>Marker<br/>Title</h1>
</div>
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');

body {
	background-color: #111;
}

.title {
	font-family: 'Permanent Marker', cursive;
	text-align: center;
	color: #FFF;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100vh;
	letter-spacing: 1px;
}

h1 {
	background-image: url(https://media.giphy.com/media/riw3K0D2h4klG/giphy.gif);
	background-size: cover;
	color: transparent;
	-moz-background-clip: text;
	-webkit-background-clip: text;
	font-size: 120px;
	line-height: .75;
	margin: 10px 0;
}

/* In case you're using another font do:
text-transform: uppercase;
for uppercase letters*/

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.