* {box-sizing: border-box}

/* Set height of body and the document to 100% */
body, html {
  height: 100%;
  margin: 0;
  font-family: Arial;
  /*255,255,204*/
  background-color:rgb(255, 255, 204);
}
h3,p {    
padding:0px;
margin:0px;
color:black;
}
/* Style tab links */
.tablink {
  background-color: #555;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 26px;
  /*width: 20%;*/
  width: 11.11%;
}

.tablink:hover {
  background-color: #777;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  color: white;
  display: none;
  padding: 100px 20px;
  height: 100%;
}
#bannerimage {
  width: 100%;
  height: 100%;
  max-height: 168px;
  overflow:auto;
  /*outline: 2px solid black;*/
  background-image: url("Illindala_Banner_Image.jpg");
  border: solid;
  border-radius: 0rem;
  border-width: 4px;
  border-color:darkseagreen;
  /*margin:auto;*/
  margin-bottom: 0px;
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
  padding-top: 50px;
  padding-bottom: 50px;
}
form {
    box-sizing: border-box;
    padding: 2rem;
    border-radius: 1rem;
    background-color: hsl(0, 0%, 100%);
    border: 4px solid hsl(0, 0%, 90%);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
  .full-width {
    grid-column: span 2;
  }
  .large-label {
    display: inline-block;
    font: bold 1.5rem sans-serif;
    margin-bottom: 0.5rem;
    font-family: Arial;
    color:black;
  }
  .small-label {
    vertical-align: middle;
    display: inline-block;
    margin-left: 0.25rem;
    margin-right: 1.5rem;
    font: 1.25rem sans-serif;
    font-family: Arial;
    color:black;
  }
fieldset,input,legend,select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-height: 10rem;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border: 2px solid #333;
    background-color: white;
    border-radius: 0.25rem;
}
input[type="text"],
input[type="email"],
select
 {
  font: 1.25rem / 1.5 sans-serif;
  display: block;
  box-sizing: border-box;
  border: 2px solid #333;
  width: 50%;
  padding: 0.5rem 0.5rem;
  min-height: 2rem;
}
textarea {
  font: 1.25rem / 1.5 sans-serif;
  display: block;
  box-sizing: border-box;
  border: 2px solid #333;
  width: 100%;
  padding: 0.5rem 0.75rem;
  min-height: 10rem;
}
input::placeholder,textarea::placeholder {
    opacity: 1; /* Firefox */
    color: hsl(213, 73%, 50%);
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
button {
    font: 1.25rem sans-serif;
    border-radius: 0.25rem;
    cursor: pointer;
    padding: 0.75rem 1.25rem;
  }
button[type="submit"] {
    background-color: hsl(213, 73%, 50%);
    color: white;
}
button[type="submit"]:hover {
    background-color: hsl(213, 73%, 40%);
  }
button[type="reset"] {
    text-decoration: underline;
    margin-left: 1rem;
}
button[type="reset"]:hover {
    text-decoration: none;
  }
input:focus,select:focus,textarea:focus {
    outline: none;
    box-shadow: 0 0 0 4px hsl(213, 90%, 70%);
}
button:focus {
    outline: none;
    box-shadow: 0 0 0 4px black;
}

table td{
  color:#0000ff;
}

span {
  font-size: 16px;
  font-family:"Times New Roman"
}
#Introduction,#Core,#Migration,#Profile,#Identity,#Conclusions,#Life,#Contact{background-color:rgb(255, 255, 204);height: 100%;}
/*#Family {height:100%;width:100%;margin:0;background-color: white;}*/
.block-display button{
  margin-bottom:5px;
  display:block;
}
gencontent {
  top:0px;
  bottom: 0px;
  left: 0px;
  right:0px;
  background-color: #fff;
  position: absolute;
}
figcaption {
  background-color: #fff;
  color: #222;
  font: italic larger sans-serif;
  padding: 3px;
  text-align: left;
}
LEGENDCAPTION {
  background-color: #fff;
  color: #222;
  font: italic larger sans-serif;
  /*padding: 3px;*/
  text-align: left;
  display: none;
}
center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
/*.grow { 
  transition: all 1s ease-in-out; 
}
.grow:hover { 
  transform: scale(4); 
}*/
#img-magnifier-container {
  max-height: 600px;
  max-width: 800px;
  transform-origin: top left;
  overflow: auto;
}

#img-magnifier-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}