#signin-form-dialog,
#signup-form-dialog,
#reset-password-form-dialog {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 0vmin;
}

#signin-form-dialog input,
#signup-form-dialog input,
#reset-password-form-dialog input {
  font-size: 1.5vmin;
  text-align: center;
  padding: 1vmin;
  width: 100%;
  min-width: 350px;
  box-sizing: border-box;
  margin-top: 0.5vmin;
  margin-bottom: 0.5vmin;
}

#signin-form-dialog input:last-of-type,
#signup-form-dialog input:last-of-type,
#reset-password-form-dialog input:last-of-type {
  margin-bottom: 1vmin;
}

#signup-form-dialog .simpleButton,
#reset-password-form-dialog .simpleButton,
#signin-form-dialog .simpleButton {
  width: 100%;
}

#signIn-btn,
#create-account {
  width: 100%;
}

#start-btn,
#signOut-btn,
#reload-page {
  text-decoration: underline;
  cursor: pointer;
  user-select: none;
}

#reload-page {
  visibility: hidden;
  color: var(--light-colour);
  margin-top: 5vh;
}

.dialog-message .smallPrint {
  margin-top: 5vh;
}

.not-signed-in-dialog-btn-holder {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2vmin;
  margin-top: 2vmin;
}

.not-signed-in-dialog-btn-holder .simpleButton:first-of-type {
  width: 100%;
}