html, body {
  height:100%;
  width:100%;
}

body {
  margin:0;
}

main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width:100%;
}

.prompt {
  margin:.8rem 0;
}

.login-input {
  border:none;
  text-align: center;
  border-bottom:1px solid;
  font-style: italic;
}

.submit-btn {
  background:transparent;
  border:none;
  cursor:pointer;
  margin:.5rem 0;
  padding:.3rem;
  width:50px;
  /* width:100%; */
}

.submit-btn:hover {
  /* text-decoration: underline; */
}

.alert {
  /* color:rgb(178, 57, 39); */
  margin-bottom:1rem;
  position: absolute;
  top:-50px;
  opacity:.5;
}