JSFiddle - React, Tailwind, and code Playground
HTML
<div class="element"><div class="enjoy-css">FIND YOUR STYLE</div></div>
CSS
.enjoy-css {
display: block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
float: none;
z-index: auto;
width: auto;
height: auto;
position: relative;
content: ;
cursor: default;
opacity: 1;
top: auto;
right: auto;
bottom: auto;
left: auto;
margin: 0;
padding: 0;
overflow: visible;
outline: none;
border: 0 solid rgba(0,0,0,1);
-webkit-border-radius: 0;
border-radius: 0;
font: normal normal normal 80px/1 "Nova Flat", Helvetica, sans-serif;
color: rgba(0,0,0,1);
text-decoration: none;
text-align: center;
text-transform: none;
text-indent: 0;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
letter-spacing: 0;
white-space: normal;
word-spacing: 0;
word-wrap: ;
background: ;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: scaleX(1) scaleY(1) scaleZ(1) ;
transform: scaleX(1) scaleY(1) scaleZ(1) ;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
}
.enjoy-css:after {
display: block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
float: none;
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
content: "FIND YOUR STYLE";
cursor: default;
opacity: 1;
top: auto;
right: auto;
bottom: auto;
left: 0;
margin: 0;
padding: 0;
overflow: visible;
outline: none;
border: 0 solid rgba(0,0,0,1);
-webkit-border-radius: 0;
border-radius: 0;
font: normal normal normal 80px/0 "Nova Flat", Helvetica, sans-serif;
color: rgba(84,84,84,1);
text-decoration: none;
text-align: center;
text-transform: none;
text-indent: 0;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
letter-spacing: 0;
white-space: normal;
word-spacing: 0;
word-wrap: ;
background: ;
-webkit-box-shadow: none;
box-shadow:...