body {
  background-color: #C6C3CF; 
  font-family: Arial, Helvetica, sans-serif;
  padding: 10px;
}

/* Style the header */
.header {
  background-color: #472E7A; /*#2D1970; */
  color: #040404; /*#0D0B13; */
  padding: 40px;
  text-align: center;
  font-size: 18px;
}

 /* Style the tab */
.tab {
  overflow: hidden;
  background-color:  #C6C3CF; 
  border: 1px solid #ccc;
  /* background-color: #f1f1f1; */
  width: 100%;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color:  #A89CCF;  /*inherit; */
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  background-color: #E4E0F1;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
} 


p1 {
  color: #D1CBD5; /* #ADA9B5; /*#100820; /*#6142A0; */
  font-size: 25px;
}

p2 {
  color: #8E8892; /* #ADA9B5; /*#100820; /*#6142A0; */
  font-size: 15px;
}

p {
  color: black; /* #ADA9B5; /*#100820; /*#6142A0; */
  font-size: 15px;
}


table {
  color: #1D0A43; /* #8D7FA9; /* #131313;             /* #0B0B61;   original */
  background-color:  #A287DA;  /*  #F7D358;  original */
  border: 1px solid black;
  width: 100%;
  height: 70px;
  text-align: center;
  font-size: 20px;
} 

figcaption {
  color: black;
  font-style: italic;
  padding-left: 150px;
  padding-right: 150px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

figcaption.figB {
  color: black;
  font-style: italic;
  padding-left: 150px;
  padding-right: 150px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

img {
  width: 80%;
  height: 80%;
  position: center;
  padding-left: 100px; 
  padding-right: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
} 

img.image1 {
  width: 80%;
  height: 80%;
  position: center;
  padding-left: 100px; 
  padding-right: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
} 

h4 {
  color:  black;/* #69AEE3; /* #D1CBD5; /* #ADA9B5; /*#100820; /*#6142A0; */
  font-size: 15px;
  font-style: italic;
  font-family: Helvetica;
  background-color: #A89CCF;
  padding: 10px;
  text-align: left;
}