.containmain{
  width:100%;
  display:none;
  
}
.center{
  margin: 0 auto;
  width:400px;
}

.profile{
  margin-top:30px;
  margin-left:150px;
  width:150px;
  height:150px;
  -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
  background: url('/images/logo.png') no-repeat;
  background-color: #FFF;
  background-position:center;
  background-size:90%;
  -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden; 
  border: solid 1px #08A6DF;
}

.profile:hover	 { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); }


input {
     width:100%;
    outline: none;
    padding: 25px;
  border:none;
  
    
}

input[type=submit] {
  
  background: #1A4071;
  border:none;
  color:white;
  width:300px;
  font-size:15px;

}

input[type=submit]:hover{
background: #08A6DF;
}

.form{
  
  width:250px;
  margin: 0 auto;
  margin-top:40px;
}

.topform{
  border-bottom:2px solid lightgrey;
  margin:0px;
  background-image: url('/images/user.png');
  background-repeat: no-repeat;
  background-color:white;
  background-size: 7%;
  background-position: 50% 50%;
}
.bottomform{
  margin-top:0px;
  margin-bottom:20px;
  background-image: url('/images/lock.png');
  background-repeat: no-repeat;
  background-color:white;
  background-size: 11%;
  background-position: 50% 50%;
}
.error{
  background-color: #ffbaba;
    color: #d8000c;
    margin-bottom: 10px;
    padding: 20px;
    width: 260px;
    border-radius: 15px;
    border: solid 1px;
}