body {
  margin: 1em;
  background-color: aliceblue;
}

.lostLogin {
  background-color:#E9E8D9;
  width:300px;
  padding-left:50px;
  padding-top:4px;
  padding-bottom:4px;
  margin:auto;
}

.loginInput {
    padding: 3px;
    margin-bottom: .5em;
}

.loginInput input {
    height: 2em;
}

#enterButton {
    padding: .5em 1em;
}

#resetContainer {
    margin-top: 2em;
}

.centered {

}

/* The alert message box */
 *
#alertContainer {
     display: none;
 }

.alert {
  padding: 3px;
  background-color: white;
  color: black;
  margin-bottom: 10px;
  width: 15em;
  position: absolute;
  transition: opacity 0.6s;
  border: 2px solid blue;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    /* 600ms to fade out */
  z-index: 10;
}

#alert {
    padding: 1em;
}

/* The close button */
.closebtn {
  margin-left: 15px;
  color: black;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  /*transition: color 2.0s;*/

}