JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ss-form-container"><div class="ss-header-image"></div>
<div class="ss-top-of-page"><div class="ss-form-heading"><h1 class="ss-form-title" dir="ltr"></h1>


<hr class="ss-email-break" style="display:none;">
<div class="ss-required-asterisk" aria-hidden="true"></div></div></div>
<div class="ss-form"><form action="https://docs.google.com/forms/d/1Yf1IQOY_QNclTHMD3XKAu_u6yPkUKYQaFqJuQGexdTc/formResponse" method="POST" id="ss-form" target="_self" onsubmit=""><ol role="list" class="ss-question-list" style="padding-left: 0">
<div class="ss-form-question errorbox-good" role="listitem">
<div dir="ltr" class="ss-item ss-item-required ss-text"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1223981015"><div class="ss-q-title">First Name:
<label for="itemView.getDomIdToLabel()" aria-label="(Required field)"></label>
<span class="ss-required-asterisk"></span></div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div></label>
<input type="text" name="entry.1223981015" value="" class="ss-q-short" id="entry_1223981015" dir="auto" aria-label="First Name:  " aria-required="true" required="" title="">
<div class="error-message"></div>
<div class="required-message"></div>
</div></div></div> <div class="ss-form-question errorbox-good" role="listitem">
<div dir="ltr" class="ss-item ss-item-required ss-text"><div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_161785178"><div class="ss-q-title">Last Name:
<label for="itemView.getDomIdToLabel()" aria-label="(Required field)"></label>
<span class="ss-required-asterisk"></span></div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div></label>
<input type="text" name="entry.161785178" value="" class="ss-q-short" id="entry_161785178" dir="auto" aria-label="Last Name:  " aria-required="true" required="" title="">
<div class="error-message"></div>
<div class="required-message"></div>
</div></div></div> <div class="ss-form-question errorbox-good" role="listitem">
<div dir="ltr"...

CSS

<style>

div.ss-q-title
{
text-align:center;
cursor:pointer;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
}

div
{
text-align:center;
}

input
{
margin-top:20px;
margin-bottom:20px;
width:200px;
background-color:black;
border-style:none;
outline:none;
color:white;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
text-align:center;
box-shadow:0px 0px 10px 8px black;
}

textarea
{
margin-top:20px;
margin-bottom:20px;
background-color:black;
border-style:none;
outline:none;
color:white;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
box-shadow:0px 0px 10px 8px black;
resize:none;
}

.ss-item.ss-navigate{
    width:200px;
    margin:auto;
}

</style>