#career-form {
  display: flex;
  margin: 50px auto;
  padding: 25px;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

#bio-data {
  padding: 20px 15px;
  background: #8bc34a21;
  border-radius: 10px;
  width: 300px;
}
#bio-data input {
  text-transform: uppercase;
}
#personal-data {
}

#professional-data {
  display: none;
}

#contact-data {
  display: none;
}

#career-ctrl {
}

#career-ctrl button {
}

#career-radio {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

#career-checkbox {
}

.career-field {
  display: flex;
  flex-direction: column;
  margin: 0px 0px 20px 0px;
}
.career-field label {
  font-weight: 700;
  text-transform: capitalize;
}
.radio-pair {
}
.checkbox-pair {
}
#submit-response {
  display: none;
  width: 100%;
  user-select: none;
  min-height: 300px;
  margin: auto;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
#wait-plz {
  display: none;
  width: 256px;
  min-height: 350px;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
#wait-plz img{
  width: 100%;
  height: 100%;
}
.submit-true {
  color: #86bc42;
}
.submit-false {
  color: green;
}
#res-head {
  margin-bottom: 25px;
}
#res-body {
  font-size: 18px;

  text-transform: capitalize;
}