body{
  font-family: "Helvetcia Neue Black", Gadget, sans-serif;
}

.title-text{
  position:absolute;
  left:50%;
  top:100px;
  margin-left:-200px;
  text-align: center;
}

.cent {
  position:absolute;
  top:50%;
  left:50%;
  width: 400px;
  height: 250px;
  margin-top:-125px;
  margin-left:-200px;
  border: 4px solid black;
  font-size: 20px;
  background-color: #ffffff;
}


.user-name {
  position:absolute;
  top:20px;
  left: 80px;
  width: 240px;
  text-align: center;
}

.pwd {
  position:absolute;
  top:90px;
  left: 80px;
  width: 240px;
  text-align: center;
}

.message{
  position:absolute;
  top:150px;
  left: 80px;
  width: 240px;
  text-align: center;
  background-color: red;
}

.login{
  border: 2px solid black;
  width: 140px;
  height: 30px;
  top: 200px;
  left:130px;
  text-align: center;
  position:absolute;
  cursor: pointer;
  font-size: 16px;
}
.login:hover{
  background-color: blue;
}