*{
margin:0;
padding:0;	
}

body {
	background-image: url();
	background-size: cover;
	background-position: center;
	font-family: sans-serif;
}
h1 {
	text-align: center;
	margin-bottom: 40px;
}
.form-box {
	width:400px;
	background: rgba(0,0,0.8);
	margin:9.5% auto;
	padding: 50px 0;
	color : #fff;
	box-shadow: 0 0 20px 2px rgba(0,0,0,0.5); 
}

.form-box2 {
	width:400px;
	background: rgba(31,137,198);
	margin:9.5% auto;
	padding: 50px 0;
	color : #fff;
	box-shadow: 0 0 20px 2px rgba(0,0,0,0.5); 
}
.input-box {
	margin: 20px auto;
	width:80%;
	border-bottom: 1px solid #fff;
	padding-top: 10px;
	padding-bottom: 5px;
}


.input-box input {
	width: 85%;
	border: none;
	outline: none;
	background: transparent;
	color: #fff;
}

::placeholder {
	color:#ccc;
}	
.fa-user:before {
	margin-right: 10px;
}

.fa-key:before {
	margin-right: 10px;
}

.eye {
	position: absolute;
}

#hide1 {
	display:none;
}

.login-btn {
	margin : 40px auto 10px;
	width: 180px;
	display: block;
	outline: none;
	padding: 10px 0;
	border: 1px solid #fff;
	cursor: pointer;
	background: transparent;
	color: #fff;
	font-size: 16px;
}