body{ padding: 0; margin: 0;font-family: sans-serif;background: #eee}
	a{text-decoration: none;color: #fff;}
	.box{width: 400px; padding: 40px; margin:50px auto;
		background: #191919; text-align: center;}
	.box h1{
	color: white;
	font-weight: 500px; 
}
.box input[type="text"],.box input[type="password"]
{
	border:0; background: none;display: block; margin: 20px auto; text-align: center;
	border: 2px solid #3498db;
	outline:none;
	padding: 14px 10px;
	color: white;
	border-radius: 24px;
	transition: 0.25s;
	width: 200px
}
.box input[type="date"] 
{
	border: 2px solid #3498db;	 background: none;color: #eee;width: 205px;margin: 20px auto;					
	padding: 24px 10px;border-radius: 24px;text-align: center;	
}


.box input[type="date"]:focus
{
	border-color: #2ecc71;
	width: 280px;
}
.box input[type="text"]:focus,.box input[type="password"]:focus
{
	width: 280px;
	border-color: #2ecc71;
}
.box input[type="submit"]
{
	border:0; background: none;display: block; margin: 20px auto; text-align: center;
	border: 2px solid #2ecc71;
	outline:none;
	padding: 14px 40px;
	color: white;
	border-radius: 24px;
	transition: 0.25s;
	cursor: pointer;
}
.box input[type="submit"]:hover{background: #2ecc71}
a{text-decoration: none; color: #1f8093; border:none; padding: 10px;
 display: block; text-align:center; width: 100px}
a:hover{text-decoration: none; color: white; 
	border-radius: 24px;padding: 10px}