h1	 	 			{font-style: none; background-color: none}
h1:hover			{font-style: bold; background-color: #f5f5f7}
h2	 	 			{font-style: bold; background-color: none}
h2.hover			{font-style: bold; background-color: #f5f5f7}
h3	 	 			{ }
dd	 				{ }
dt 	 				{font-size: 1.1em; line-height: 1.2; font-style: italic;}
FIGURE, FIGCAPTION 	{display: block; font-style: italic; font-variant: small-caps;}
ol, ul, li 			{font-size: 1.1em; line-height: 1.2;}
p 					{font-size: 1.3em; }
pre 	 			{font-size: 1.0em; 
					font-family: "Times New Roman", Arial, Helvetica, sans-serif;
					justify-content: center;  
					align-items: center;
					}
cite 				{font-size: 1.0em; 
					display: block;  
					justify-content: center;  
					align-items: center;   
					background: #ddd;
					padding: 20px;
					border-radius: 8px;
					margin-left: 100px;
					margin-right: 100px;
					}

tr:hover			{font-weight:bold; }
th:hover 			{background-color: #5f95ff; color: white; border-bottom: 0px solid black;}
td:hover 			{background-color: #f5f5f7}

img     			{
					float:right; 
					max-width:30%; 
					margin-right:30px; 
					margin-left:30px; 
					border: 5px solid #555
					background: ; 
					}
					
					
#header {
  position: fixed;
  width: 40%;
  left: 0px;
  top: 20px;
  z-index: 10;
  color:orange; 
  opacity: 0.8;
  text-align:center; 
  font-size:40px;
}

.inner {
    -webkit-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    transform-origin: 0 0;
    background: black;
	}

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

body {
  font-family: sans-serif;
  font-size: 1.2em;
  line-height: 1.3;
  color: #333;
  background-color: #fff;
  padding: 0 5vw;
  padding-top: 2vh;
  padding-bottom: 5vh;
}

/* Standard Tables */

table {
  margin: 1em 0;
  border-collapse: collapse;
  border: 0.2em solid #d6d6d6;
  width: 100%; 
}

caption {
  text-align: left;
  font-style: italic;
  padding: 0.25em 0.5em 0.5em 0.5em;
}

th,
td {
  padding: 0.25em 0.5em 0.25em 1em;
  vertical-align: text-top;
  text-align: left;
  text-indent: -0.5em;
  border: 0.1em;
  border-bottom-style: groove;
}

th {
  vertical-align: bottom;
  background-color: #666;
  color: #fff;
}

tr:nth-child(even) th[scope=row] {
  background-color: #f2f2f2;
}

tr:nth-child(odd) th[scope=row] {
  background-color: #fff;
}

tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}

tr:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

td:nth-of-type(1) {
  font-weight: bold;
  text-align: left;
}

th:nth-of-type(2) {
  text-align: center;
}
  
td:nth-of-type(2) {
  font-style: italic;
  text-align: center;
}

th:nth-of-type(3),
td:nth-of-type(3) {
  text-align: right;
  border-right: 2px solid red;
}

/* Fixed Headers */

th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
}

th[scope=row] {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
}

th[scope=row] {
  vertical-align: top;
  color: inherit;
  background-color: inherit;
  background: linear-gradient(90deg, transparent 0%, transparent calc(100% - .05em), #d6d6d6 calc(100% - .05em), #d6d6d6 100%);
}

table:nth-of-type(2) th:not([scope=row]):first-child {
  left: 0;
  z-index: 3;
  background: linear-gradient(90deg, #666 0%, #666 calc(100% - .05em), #ccc calc(100% - .05em), #ccc 100%);
}

/* Strictly for making the scrolling happen. */

th[scope=row] + td {
  min-width: 24em;
}

th[scope=row] {
  min-width: 20em;
}