JSFiddle - React, Tailwind, and code Playground

HTML

<div id="DIV_1">
	<div id="DIV_2">
		<h2 id="H2_3">
			More Stuff
		</h2>
		<div id="DIV_4">
			<h2 id="H2_5">
				Stuff
			</h2>
		</div>
	</div>
	<div id="DIV_6">
		<h2 id="H2_7">
			Even More Stuff
		</h2>
		<div id="DIV_8">
			<h2 id="H2_9">
				Stuff
			</h2>
		</div>
	</div>
</div>

CSS

#DIV_1 {
    height: 112px;
    width: 800px;
    perspective-origin: 400px 56px;
    transform-origin: 400px 56px;
    font: normal normal normal 16px/normal Times;
}/*#DIV_1*/

#DIV_2, #DIV_6 {
    height: 55px;
    width: 800px;
    perspective-origin: 400px 28px;
    transform-origin: 400px 28px;
    border-bottom: 1px solid rgb(204, 204, 204);
    font: normal normal normal 16px/60px Times;
}/*#DIV_2, #DIV_6*/

#H2_3, #H2_7 {
    display: inline;
    height: auto;
    width: auto;
    font: normal normal 100 24px/60px 'Proxima Nova';
    margin: 0px auto;
    padding: 16px;
}/*#H2_3, #H2_7*/

#DIV_4, #DIV_8 {
    display: inline;
    height: auto;
    width: auto;
    font: normal normal normal 16px/60px Times;
    margin: 0px auto;
}/*#DIV_4, #DIV_8*/

#H2_5, #H2_9 {
    color: rgb(61, 183, 236);
    display: inline;
    height: auto;
    text-decoration: none solid rgb(61, 183, 236);
    width: auto;
    border: 0px none rgb(61, 183, 236);
    font: normal normal 100 24px/60px 'Proxima Nova';
    margin: 0px auto 0px 127px;
    outline: rgb(61, 183, 236) none 0px;
}/*#H2_5, #H2_9*/