body
{
	margin:0;
	padding:0;
	font-family: sans-serif;
	color: #646464;
	background:url(../images/background.jpg);
	background-size: cover;
	
}
.box
{
		position: absolute;
		top: 35%;
		left: 50%;
		transform: translate(-50%,-50%);
		width:300px;
		padding:40px;
		background:rgba(0,0,0,.8);
		box-sizing:border-box;
		box-shadow:0 15px 25px rgba(0,0,0,.5);
		border-radius:20px;
}
.box h2
{
	margin:0 0 30px;
	padding:0;
	color:#fff;
	text-align:center;
}
.box .inputBox
{
	position:relative;
}
.box .inputBox input
{
		width:100%;
		padding:10px 0;
		font-size:20px;
		color:#fff;
		letter-spacing:1px;
		margin-bottom:30px;
		border:none;
		border-bottom: 1px solid #fff;
		outline:none;
		background:transparent;
}
.box .inputBox label
{
		position: absolute;
		top:0;
		left:0;
		letter-spacing:1px;
		padding:10px 0;
		font-size:16px;
		color:#fff;	
		pointer-events: none;
		transition: .5s;
}
.box .inputBox input:focus~label,
.box .inputBox input:valid~label
{
		top:-18px;
		left:0;
		color:#03a9f4;
		font-size:15px;
}	
.box input[type="submit"]
{
		background:transparent;
		border:none;
		outline:none;
		color:#fff;
		background:#03a9f4;
		padding: 10px 20 px;
		cursor:pointer;
		border-radius:5px;
}