*{
	margin: 0;
	padding: 0;
	}
 body{
	 background: url(p2.jpg)no-repeat;
	 //background: #ecf1f4; 
	 font-family: sans-serif;

	 }
.header{height:80px;
	width:100px;
}
.footer{height:80px;
	width:100px;
}	 
  .container{
	  height:800px;
	  width:50%;
  }
  
 .form{ 
	  
	
	 background: #3e3d3d; 
	 padding: 10px 35px; 
	 box-sizing: border-box; 
	 position: fixed; 
	 left: 50%; 
	 top: 50%; 
	 transform: translate(-50%, -50%);
	 }
h1{
	text-align: center; 
	color: #fff; 
	font-weight: normal; 
	
	}
        
  input{
	  
	  background: none; 
	  border: 1px solid #fff; 
	  border-radius: 3px; 
	   
	  box-sizing: border-box; 
	  margin-bottom: 12px; 
	  font-size: 16px; 
	  color: #fff;
	  }
    }    
  input[type="button"]{
	  background: #bac675; 
	  border: 0; cursor: pointer; 
	  color: #3e3d3d;}
  input[type="button"]:hover{ 
  background: #a4b15c; transition: .6s;
  }
        
   ::placeholder{
	   color: #fff;
	   }
	   p{
		   color:white;
	   }