JSFiddle - React, Tailwind, and code Playground

by Tamil Selvan

HTML

<form id="form" style="">
    <input id="email" type="text" name="email" placeholder="Email" />
    <br/>
    <input id="password" type="password" name="pass" placeholder="Password" />
</form>

CSS

#form {
    background: #425EA1;
    padding: 10px 20px;
}
#email {
    font-size:46px;
    margin-bottom:-3px;
    border-bottom: solid 1px black;
    padding: 25px;
    border-radius: 25px 25px 0 0
}
#password {
    font-size:46px;
    border-bottom: solid 1px black;
    padding: 25px;
    border-radius: 0 0 25px 25px;
}