JSFiddle - React, Tailwind, and code Playground

HTML

<div id="WRAPPER">
    <div class="term">
        <input name="email" type="text" id="email">
        <form name="form1" method="post" action="insert_ac.php">
            <input type="image" src="exit-gate/white-box-10.png" alt="{alternate text}" name="submit" value="submit">
        </form>
    </div>
</div>

CSS

.WRAPPER {
    background-color: #000;
    height: 575px;
    width: 975px;
    background-image: url(exit-gate/exit-gate-bg.png);
    top: auto;
    margin: -8px;
}
body {
    background-color: #000;
}
#email {
    background-color:rgba(0, 0, 0, 0);
    color:white;
    border: none;
    outline:none;
    height:30px;
    transition:height 1s;
    -webkit-transition:height 1s;
}
#email:focus {
    height:50px;
    font-size:16px;
}