body{
  background-color:#589ED9;
  padding: 25px;
}
#container{
  width: 300px;
  margin: 0 auto;
  margin-top: 200px;
  text-align: center;
}
#header .logo{
  font-size: 55px;
  color: white;
  
}
#header h1{
  font-size: 30px;
  color: white;
}
#loginform .containerfeild{
  border-radius: 10px;
  border-color: white;
}
#loginform .containerfeild input

{
  
  width: 300px;
  border: none;
  font-size: 15px;
  font-family: 'Open Sans', Sans-Serif;
  padding: 10px;
  margin: 0px;
  outline: none;
  padding-top: 15px;
  padding-bottom: 15px;
  text-indent: 5px;
  border-radius: 3px;
}
#loginform .containerfeild input[type="password"]
{
  border-top: 1px solid #ccc;
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

#loginform input[type='submit']
{
 
  display: block;
   width: 105%;
  border: none;
  font-size: 15px;
  font-family: 'Open Sans', Sans-Serif;
  padding: 10px;
  margin: 3px;
  outline: none;
  padding-top: 10px;
  padding-bottom: 10px;
  text-indent: 10px;
  font-weight: bold;
  background-color: #87CEEB;
  color: white;
  
}

#loginform input[type='submit']:hover{
  background: #0B6AB4;
  cursor: pointer;
}
#footer p{
  color: white;
  font-size: 15px;
  
}

#footer p a{
  color: white;
  text-decoration:none;
  font-weight: bold;
  
  
}