body{
 	margin: 0;
 	padding: 0;
 	background: url(../img/f3.jpg) no-repeat center top;
 	background-size: cover;
 	font-family: 'Open Sans', sans-serif;
 	height: 100vh;
 }
 .login-box{
 	width: 320px;
 	height: 430px;
 	background: black;
 	top: 50%;
 	left: 50%;
 	position: absolute;
 	transform: translate(-50%, -50%);
 	box-sizing: border-box;
 	padding: 70px 30px;

 }
 .login-box .logoo{
 	width: 100px;
 	height: 100px;
 	border-radius:50%;
 	position: absolute;
 	top: -50px;
 	left: calc(50% - 50px);
 }
.login-box h1{
	margin: 0;
	padding: 0 0 20px;
	text-align: center;
	font-size: 22px;

}
 .login-box label{
 	margin: 0;
 	padding: 0;
 	font-weight: bold;
 	display: block;
 }

 .login-box input{
 	width: 100%;
 	margin-bottom: 20px;
 }
 .login-box input[type="text"],
 .login-box input[type="password"]{
 	border: none;
 	border-bottom: 1px solid #fff;
 	background: transparent;
 	outline: none;
 	height: 40px;
 	color: #fff;
 	font-size: 16px;
 }