@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

body {
  background-image: linear-gradient(140deg, lightblue, white 75%, lightgrey);
}

.pageContainer {
  margin-top: 220px;
  height: 690px;
}

.pageContainer h3 {
  color: darkgreen;
  text-align: center;
}

#welcomeTitle {
  font-size: 20px;
  font-weight: 700;
  text-decoration: underline;
}
.pageDesc {
  margin: auto;
  width: 420px;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 1px;
}

#loginHR {
  border-width: 2px;
  margin-top: 10px;
  width: 80%;
}

.buttonLogin {
  margin-top: 30px;
  text-align: center;
}

#newLoginButton {
  background-color: dodgerblue;
  color: aliceblue;
  font-size: 18px;
  font-weight: 700;
  width: 250px;
  height: 40px;
  border-radius: 10px;
  /* margin: auto; */
}