JSFiddle - React, Tailwind, and code Playground

by Deepak Manwal

HTML

<input type="text"class="inputs" placeholder="E-Mail" id="text-email"/>
<input type="password" class="inputs2" placeholder="Password" id="text-password"/>

CSS

.inputs  { 
background: #282b32;
outline:0;
    display: block; 
padding: 12px 10px; 
color: #ffb900;
font-size: 3.6em; 
font-family: headingFont;
border-bottom: 1px solid black;
border-top: 0px;
border-left: 0px;
border-right: 0px;
width:570px;
height:61px;
text-align: center;
}

::-webkit-input-placeholder {
color: #ffb900;
}

#text-email {
position: absolute;
left:25px;
top: 250px;
}

#text-password {
position: absolute;
left:25px;
    outline:0;
top: 335px;
}