JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block"> 
   <div class="logout">
<form action="#" method="post">
<div id="text_email">Email</div>
<input type="text" name="username_logout" value="" />
<div id="text_password">Пароль</div>
<input type="password" name="username_password" value=""  />
<input type="submit" name="username_submit" value="Войти" />
<a href="/" id="text_forgot">Забыли пароль?</a>
</form>
</div>
</div>

CSS

.block {
    width:980px;
    height:600px;
    display:block;
    word-wrap:break-word;
    background:#436285;
}

.logout {
	
    margin:100px 0;
}
.logout input[type=text], .logout  input[type=password] {
	border:solid 1px #bbc3d0;
	width:117px;
	height:26px;
	outline:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding-left:5px;
	color:#2a456e;
    display:block;
}
.logout input[type=submit] {
	width:121px;
	height:38px;
	border:none;
	color:#fff;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.24);
	cursor:pointer;
	margin-top:10px;
	margin-left:-2px;
    display:block;
}
#text_email, #text_password {
	color:#466c9e;
	font-size:11pt;
}
a#text_forgot {
	text-decoration:none;
	color:#466c9e;
	font-size:11pt;
	margin-left:10px;
}
a:hover#text_forgot {
	text-decoration:underline;
}