.create-child-form fieldset {
  width: 50%;
  padding: 2rem;
  font-size: 0.875rem;
  border: 1px solid grey;
}

.create-child-form label {
  display: block;
  font-size: 1rem;
  color: black;
}

.create-child-form input[type=text] {
  display: inline-block;
  color: black;
  font-size: 1.5rem;
  background-color: #faffbd;
  margin-bottom: 10px;
  width: 400px;
}

#create-child-submit-button input {
  width: 150px;
  margin-top: 10px;
}

.field a:link    { text-decoration: none; color: blue; }
.field a:visited { text-decoration: none; color: blue; }
.field a:hover,
.field a:focus   { text-decoration: underline; color: blue; }
.field a:active  { text-decoration: none; color: blue; }

.field a.question:link {
  text-decoration: none;
  color: blue;
  font-size: 8pt;
  float: right;
  padding: 4px;
}

.field a.question:visited {
  text-decoration: none;
  color: blue;
  font-size: 8pt;
  text-align: right;
  padding: 4px;
}

.field a.question:hover,
.field a.question:focus {
  text-decoration: underline;
}

.field label {
  float: left;
  font-weight: bold;
  padding: 4px;
}

.forgot-form {
  text-align: center;
  line-height: 20px;
}

.forgot-form fieldset {
  width: 35%;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  font-size: 0.875rem;
  border: 1px solid grey;
  border-radius: 1.5rem;
}

.signin-form {
  text-align: center;
  line-height: 20px;
}

.signin-form fieldset {
  width: 35%;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  font-size: 0.875rem;
  border: 1px solid grey;
  border-radius: 1.5rem;
}

.signin-form label {
  display: block;
  font-size: 1rem;
  color: black;
}

.signin-form input[type=text] {
  display: inline-block;
  color: black;
  font-size: 1.5rem;
  background-color: #faffbd;
  margin-bottom: 10px;
  width: 400px;
}

.signin-form input[type=password] {
  display: inline-block;
  color: black;
  font-size: 1.5rem;
  background-color: #faffbd;
  margin-bottom: 10px;
  width: 400px;
}

#signin-button input {
  width: 160px;
  margin-top: 10px;
}

.forgot-form fieldset {
  width: 40%;
  padding: 2rem;
  font-size: 0.875rem;
  border: 1px solid grey;
}

.forgot-form input[type=email] {
  display: inline-block;
  color: black;
  font-size: 1.5rem;
  background-color: #faffbd;
  margin-bottom: 10px;
  width: 400px;
}

#forgot-form-submit-button input {
  width: 350px;
  font-size: 1.375rem;
  margin-left: auto;
  margin-right: auto;
}

#msgbox {
  color: red;
  padding-left: 10px;
}

#password_strength {
  padding-left: 10px;
}

#signup-button {
  text-align: center;
}

#signup-form {
  line-height: 1.5rem;
  text-align: left;
  color: black;
  padding: 5px;
}

#signup-form fieldset {
  width: 40%;
  padding: 2rem;
  font-size: 1rem;
  border: 1px solid grey;
  margin-left: auto;
  margin-right: auto;
}

#signup-form label {
  font-size: 1.25rem;
  float: left;
  color: blue;
  width: 190px;
}

#signup-form input[type=text] {
  display: inline-block;
  color: black;
  font-size: 1.25rem;
  background-color: #faffbd;
  margin-bottom: 0.5rem;
  width: 400px;
}

#signup-form input[type=email] {
  display: inline-block;
  color: black;
  font-size: 1.25rem;
  background-color: #faffbd;
  margin-bottom: 0.5rem;
  width: 400px;
}

#signup-form input[type=password] {
  display: inline-block;
  color: black;
  font-size: 1.25rem;
  background-color: #faffbd;
  margin-bottom: 0.5rem;
  width: 400px;
}

#signup-form a:link {
  color: blue;
  padding: 5px 0.2em 5px 0.2em;
}

#signup-form a:visited {
  color: blue;
  padding: 5px 0.2em 5px 0.2em;
}

/* iPhone 13 Pro Max 430*/
@media screen and (max-width: 26.875rem) {
  .signin-form fieldset {
    width: 100%;
    padding: 0;
    border: none;
  }
  .signin-form input[type=text] { width: 100%; }
  .signin-form input[type=password] { width: 100%; }

  .forgot-form fieldset {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
  }
  .forgot-form input[type=email] { width: 100%; }

  #signup-form fieldset {
    width: 100%;
    padding: 0.5rem;
    border: none;
  }

  #signup-form label {
    margin: 0.25rem 0;
  }

  #signup-form input[type=text] {
    width: 390px;
  }

  #signup-form input[type=email] {
    width: 390px;
    margin-bottom: 0.5rem;
  }

  #signup-form input[type=password] {
    width: 390px;
    margin-bottom: 0.5rem;
  }
}

@media screen and (max-width: 24.375rem) {
  #signup-form input[type=text] {
    width: 350px;
  }

  #signup-form input[type=email] {
    width: 350px;
  }

  #signup-form input[type=password] {
    width: 350px;
  }
}

/* iPhone 11 Pro 375 */
@media screen and (max-width: 23.4375rem) {
  #signup-form fieldset {
    width: 100%;
    padding: 0;
  }

  #signup-form input[type=text] {
    width: 330px;
  }

  #signup-form input[type=email] {
    width: 330px;
  }

  #signup-form input[type=password] {
    width: 330px;
  }
}