
body{
	margin: 0;
	padding: 0;
	
/*	font-family: sans-serif;
	background: url(../../img/belleImage.JPG) no-repeat;
	background-size: cover;
	background-position: center;*/
}

body:before{
	content: '';
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: url(../../img/belleImage.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size:cover;
	background-size: cover;

	-webkit-filter:blur(1px);
	-moz-filter:blur(1px);
	filter: 
}

.contact-form{
	position: absolute;
	top: 50%;
	left: 50%;

	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);

	width: 400px;
	height: 450px;
	padding: 80px 40px;
	background: rgb(0,0,0,0.6);
}

.avatar{
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	top: calc(-80px/2);
	left: calc(50% - 40px);
}

.contact-form h2{
	margin:0;
	padding: 0 0 20px;
	font-size: 22px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

.contact-form p{
	margin:0;
	padding: 0;
	font-weight: bold;
	color: #fff;
}

.contact-form input{
	width: 100%;
	margin-bottom: 20px;
}

.contact-form input[type=email],
.contact-form input[type=password]
{
	border: none;
	border-bottom: 2px solid #fff;
	background: transparent;
	outline: none;
	height: 35px;
	color: #fff;
	font-size: 15px;
}

.contact-form input[type=submit]{
	height: 30px;
	color: #fff;
	font-size: 15px;
	background: red;
	cursor: pointer;
	border-radius: 25px;
	border:none;
	outline: none;
	margin-top: 15px;
	font-weight: bold;
}







/*
.login-box{
	width: 280px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: blue;
}

.login-box h1{
	float: left;
	font-size:20px;
	border-bottom: 5px solid #4caf50;
	margin-bottom: 50px;
	padding: 13px 0;
	font-weight: bold;
}

.textbox{
	width: 100%;
	overflow: hidden;
	font-size: 20px;
	padding: 8px 0;
	margin: 8px 0;
	border-bottom: 3px solid #4caf50;
}

.textbox{
	width: 100%;
	overflow: hidden;
	font-size: 20px;
	padding: 8px 0;
	margin: 8px 0;
	border-bottom: 3px solid #4caf50;
}

.textbox i{
	width: 26px;
	float: left;
	text-align: center;
}

.textbox input{
	border:none;
	outline: none;
	background: none;
	color: red;
	font-size: 18px;
	width: 220px;
	float: left;
	margin:0 10px;
}
*/
/*.btn{
	border: 2px solid #4caf50;
	padding-top: -10px;
	background: none;
	color: blue;
	font-size: 30px;
	width: 100%;
	font-weight: bold;
}*/