body {
  background-color: #D9D9D9;
}

main {
  width: 100vw;
  height: auto;
  margin: 15vh auto;
}

.sign-in-input-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 5vh;
}

.sign-in-input-wrapper label {
  font-size: 1vw;
}

.sign-in-input-wrapper p {
  font-size: 0.8vw;
}

.sign-in-heading {
  font-size: 1.7vw;
  text-align: center;
}

.login-wrapper, .password-wrapper {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 1.2vh;
}

.inputs {
  width: 21vw;
  height: 3vh;
  border: none;
}

.forgot-pw {
  color: #1E8DB5;
  margin-top: 0.5vh;
  cursor: pointer;
}

#forgot-pw-link {
  text-decoration: none;
}

.birthday-options select {
  width: 7vw;
}

.sign-up-input-wrapper {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 3px;
  margin-top: 10vw;
}

.sign-up-input-wrapper p {
  font-size: 1.2vw;
  color: #999999;
}

.sign-in-btn, .sign-up-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.7vw;
  font-weight: 550;
  background-color: #7c5409;
  border: none;
  border-radius: 1vh;
  width: auto;
  height: 7vh;
  margin: 0 auto;
  padding: 0 15px;
  cursor: pointer;
}

.sign-in-btn:hover, .sign-up-btn:hover {
  background-color: #614208;
}

.sign-up-btn {
  background-color: rgb(171.5488721805, 116.2105263158, 12.4511278195);
}

.sign-in-btn:hover, .sign-up-btn:hover {
  background-color: rgb(144.1142857143, 98.0571428571, 11.8857142857);
}

#sign-in-btn {
  margin-top: 3vh;
}

/*# sourceMappingURL=sign-in.css.map */