body				{text-align: justify; text-justify: inter-word;	height: 100vh; margin: 50;}
h1	 	 			{font-style: none; background-color: none}
h1:hover			{font-style: bold; background-color: #f5f5f7}
h2	 	 			{font-style: bold; background-color: none; margin-bottom: 0;}
h2.hover			{font-style: bold; background-color: #f5f5f7}
h3	 	 			{ }
dd	 				{font-size: 1.2em; font-style: italic; }
dt 	 				{ }
FIGURE, FIGCAPTION 	{display: block; font-style: italic; font-variant: small-caps;}
ol 	 				{ }
li 	 				{font-size: 1.2em; }
p  	 				{font-size: 1.2em; margin: 10px;}
pre 	 			{font-size: 1.2em; }
ul 	 				{margin: -5;}
html				{ }

img     		{background: ; border:  ; float: right; margin-right:100px; }


#header {
  z-index: 10;
  background-color: var(--black);
  color:white; 
  opacity: 0.5;
  text-align:center; 
  border-bottom:1px SOLID BLACK; 
  line-height:30px; 
  font-size:40px;
  box-shadow: 1px 1px 5px 0px var(--grey);
  position: sticky;
  top: 100px;
  width: 100%;
}

#content {
  margin-top: 60px;
  z-index:1;
  text-align:justify; 
  text-justify:inter-word; 
  margin-left:50px; 
  margin-right:50px; 
  margin-top:50px;
}

table	{
  width: 100%; 
  padding: 18px 122px 11px;
  text-align: left; 
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  border: 1px solid white;
  border-collapse: collapse;
  }

table.pearls		{width: 75%; cell-padding: 0; text-align: center;}

th, td {
  border: 1px solid white;
  padding: 10px; 
  border-collapse: collapse;
  background-color: LightGray;
}

thead				{background-color: #5f95ff; color: white; border-bottom: 0px solid black;}
tr:hover			{ }
th	 				{background-color: #5f95ff; font-size: 1.5em; spacing: 10px; padding: 5px}
td 					{font-size: 1.0em; spacing: 20px; padding: 5px;
td:hover 		{background-color: #2222}