body,p,form,input{margin: 0}
#form{
    width: 350px;
    margin: 30px auto;
    padding: 20px;
    border: 1px solid #555;
}

form p{
    font-size: 14px;
}
.name{
    font-size: 11px;
    text-align: center;
}
.form-title{
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
    border-bottom:solid 3px #fff;"
}

.username {
    margin-bottom: 20px;
}

.password {
    margin-bottom: 20px;
}

input[type="text"],
input[type="password"] {
    width: 350px;
    padding: 4px;
    font-size: 14px;
    margin: 0 auto;
}
    
.submit{
    text-align: center;
}

/* skin */

#form{
  background:#053352;
  background-image: -webkit-linear-gradient(top, #053352, Courier New);
  background-image: -moz-linear-gradient(top, #053352, Courier New);
  background-image: -ms-linear-gradient(top, #053352, Courier New);
  background-image: -o-linear-gradient(top, #053352, Courier New);
  background-image: linear-gradient(to bottom, #053352, Courier New);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Courier New;
  color: #ffffff;
  font-size: 20px;
  padding: 20px 20px 20px 20px;
  text-decoration: none;
}

.submit input {
  background: #f78181;
  background-image: -webkit-linear-gradient(top, #f78181, #f78181);
  background-image: -moz-linear-gradient(top, #f78181, #f78181);
  background-image: -ms-linear-gradient(top, #f78181, #f78181);
  background-image: -o-linear-gradient(top, #f78181, #f78181);
  background-image: linear-gradient(to bottom, #f78181, #f78181);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  -webkit-box-shadow: 1px 1px 3px #666666;
  -moz-box-shadow: 1px 1px 3px #666666;
  box-shadow: 1px 1px 3px #666666;
  font-family: Courier New;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.submit input:hover {
  background: #f5c7c7;
  background-image: -webkit-linear-gradient(top, #f5c7c7, #f5c7c7);
  background-image: -moz-linear-gradient(top, #f5c7c7, #f5c7c7);
  background-image: -ms-linear-gradient(top, #f5c7c7, #f5c7c7);
  background-image: -o-linear-gradient(top, #f5c7c7, #f5c7c7);
  background-image: linear-gradient(to bottom, #f5c7c7, #f5c7c7);
  text-decoration: none;
}

#form{
  background: #053352;
  background-image: -webkit-linear-gradient(top, #053352, Courier New);
  background-image: -moz-linear-gradient(top, #053352, Courier New);
  background-image: -ms-linear-gradient(top, #053352, Courier New);
  background-image: -o-linear-gradient(top, #053352, Courier New);
  background-image: linear-gradient(to bottom, #053352, Courier New);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Courier New;
  color: #ffffff;
  font-size: 20px;
  padding: 20px 20px 20px 20px;
  text-decoration: none;
}