JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">

<!-- Landing Page -->
<section id="landing-page">
    	<div id="logo">
        	<h5>Jason Theodore Bain</h5>
			<h4>graphic designer . marketer</h4>
		</div>
</section>

</div>

CSS

html, body {
	height: 100%;
 }

#wrap {
	overflow-x: hidden;
 }

 #landing-page {
		display: block;
		margin: 0;
		height: 100%;
		min-height: 100%;
		background: #fff;
	}
	#logo {
		top: 50%;
		left: 50%;
		transform: translateY(-50%);
	}
 #logo h5 {
	font-size: 5vw;
	color: #000019;
	font-family: 'Pier Sans', sans-serif;
	text-align: center;
	text-transform: uppercase;
 }
 
 #logo h4 {
	font-size: 2vw;
	color: #000019;
	font-family: 'Pier Sans', sans-serif;
	text-align: center;
	letter-spacing: 5px;
 }