#signup_header_confirm {
  font-size: var(--font-size-header);
  font-weight: bold;
}

#signup_page_confirm {
  background-color: var(--grey-background) !important;
  width: 100vw !important;
  height: 100vh !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}



#signup_container_confirm {
  width: var(--login-container-width) !important;
  overflow: auto;
  height: var(--login-container-height) !important;
  background-color: var(--auth-background) !important;
  border-radius: var(--border-radius) !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: min(2vw,20px) 1vw;
  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
  !important;
  overflow: hidden
}




#signup_button_container_confirm {
  height: 100%;
  background-color: inherit;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
}
#signup_button_confirm {
  display: flex;
  flex-direction: column;
  height: 100% !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: none;

  height: 2.5vw !important;
  background-color: var(--purple-dark);
  color: white !important;
  margin-bottom: 0.5vh;
  border-radius: var(--border-radius) !important;
  height: var(--button-height-large) !important;
}


#signup_button_confirm:hover {
  background-color: var(--purple-light) !important;
}

#feedback_signup_row_confirm {

  background-color: inherit;
  margin-top: 20px;

  text-align: center;
}