html, body {
  height: 100%;
  width: 100%;
  margin: 0px;
}
.main-contents {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100svh;
  min-height: 500px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.main-title {
  font-weight: bold;
  font-size: 23px;
}
.loginForm {
  border: 1px solid #BABABA;
  border-radius: 5px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 390px;
  min-width: 300px;
}
.form-label {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}
.form-input {
  padding: 7px 10px;
}
.form-message {
  font-size: 14px;
}
.form-button {
  width: fit-content;
  background-color: black;
  border: unset;
  padding: 10px 20px;
  color: white;
  border-radius: 5px;
  font-weight: bold;
  text-decoration: unset;
}
.mail-send-message {
  font-size: 13px;
  color: red;
  font-weight: bold;
}
.send-mail-success {
  border: 1px solid #BABABA;
  border-radius: 5px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  max-width: 390px;
  min-width: 300px;
}
.send-complete-button {
  width: fit-content;
  background-color: black;
  border: unset;
  padding: 10px 20px;
  color: white;
  border-radius: 5px;
  font-weight: bold;
  text-decoration: unset;
  font-size: 14px;
}