JSFiddle - React, Tailwind, and code Playground
HTML
<div id="DIV_1">
<div id="DIV_2">
<h1 id="H1_3">
<a href="index.html" id="A_4">TXT</a>
</h1>
<p id="P_5">
A responsive site template by HTML5 UP
</p>
</div>
</div>
CSS
#DIV_1 {
box-sizing: border-box;
color: rgb(107, 119, 112);
height: 35px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 1200px;
perspective-origin: 600px 17.5px;
transform-origin: 600px 17.5px;
border-top: 5px solid rgb(231, 234, 232);
border-right: 0px none rgb(107, 119, 112);
border-bottom: 0px none rgb(107, 119, 112);
border-left: 0px none rgb(107, 119, 112);
font: normal normal bold normal 30.6666660308838px/30.6666660308838px 'Open Sans Condensed', sans-serif;
margin: 0px 352.5px;
outline: rgb(107, 119, 112) none 0px;
margin-top: 20px;
}/*#DIV_1*/
#DIV_2 {
box-sizing: border-box;
color: rgb(107, 119, 112);
display: inline-block;
height: 30px;
position: relative;
text-align: center;
text-transform: uppercase;
top: -19.9333324432373px;
width: 657.109375px;
perspective-origin: 328.546875px 15px;
transform-origin: 328.546875px 15px;
background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
border: 0px none rgb(107, 119, 112);
font: normal normal bold normal 30.6666660308838px/30.6666660308838px 'Open Sans Condensed', sans-serif;
outline: rgb(107, 119, 112) none 0px;
padding: 0px 46px;
}/*#DIV_2*/
#H1_3 {
box-sizing: border-box;
color: rgb(107, 119, 112);
display: inline;
height: auto;
text-align: center;
text-transform: uppercase;
width: auto;
border: 0px none rgb(107, 119, 112);
font: normal normal bold normal 30.6666660308838px/30.6666660308838px 'Open Sans Condensed', sans-serif;
margin: 0px 0px 15.3333330154419px;
outline: rgb(107, 119, 112) none 0px;
}/*#H1_3*/
#A_4 {
box-sizing: border-box;
color: rgb(107, 119, 112);
text-align: center;
text-decoration: none;
text-transform: uppercase;
border: 0px none rgb(107, 119, 112);
font: normal normal bold normal 30.6666660308838px/30.6666660308838px 'Open...