JSFiddle - React, Tailwind, and code Playground

HTML

<form action="#" method="get">
			<input type="text" name="email" placeholder="Your email">
			<input type="Submit" name="submit" value="Go">
</form>

CSS

form {
	position: absolute;
	bottom: 20%;
	width: 400px;
	left: 50%;
	margin-left: -125px;

}

input[name="email"] {
	font-family: "Prosto One";
	width: 200px;
	height: 25px;
	font-size: 14px;
	background-color: rgba(0,0,0,.4);
	border: none;
	border-radius: 10px;
	color: white;

}

input:focus {
	outline: none;
	border: 1px solid yellow;
	box-shadow: 0px 0px 10px yellow;
}

input[name="submit"] {
	margin: -5px;
	width: 50px;
}