@font-face {
	font-family: 'headingfont';
	src: url('/fonts/economica_regular.otf') format('opentype');
	}
@font-face {
	font-family: 'textfont';
	src: url('/fonts/didot.ttc') format('truetype');
	}	
@font-face {
	font-family: 'detailfont';
	src: url('/fonts/mplus-2m-regular.ttf') format('truetype');
	}	
@font-face {
	font-family: 'peoplefont';
	src: url('/fonts/Impact.ttf') format('truetype');
	}	
body {margin:0.5rem;
	font-family: 'textfont';
	}
nav {
	clear:both;
	}
h1 {background-color:white;
	margin-left: 0.5rem;
	color: #000000;
	font-family: 'headingfont', sans-serif;
	font-size: 2rem;
	clear:both; }
h2	{background-color: white;
	margin-left: 1rem;
	color: blue;
	font-family: 'headingfont',sans-serif;
	font-size: 1.5rem;}
h3	{background-color: white;
	margin-left: 1.66rem;
	color: black;
	font-family: 'headingfont',sans-serif;
	font-size: 1.2rem;}
p {font-family: textfont, serif;
	max-width:500px;
	margin-left: 2rem;
	line-height: 1.5rem;
	text-indent: 2rem;
	}
ol, ul {
	margin-left: 2rem;
	max-width:500px;	
}
li > ol {
	margin-left: 1rem;
	max-width:500px;
}
iframe {
	border: thin solid lightgrey;
	width: min-intrinsic;
}
.tagline {
	font-family: 'headingfont',sans-serif;
	font-size: 1.16rem;
	margin: -1rem 1rem;
	}
.list_container {
	display:flex;	
	flex-direction: column;
	margin: 0 0.5rem;
	
	}
.list_item {
	display:flex;
	margin:inherit;	
	}
.disc {
	color: black;
	font-size: 0.85rem;
	white-space: pre;
	padding: 0 0.5rem;
	}
.side_quest {
	color: black;
	background: yellow;
	border: solid thin gray;
	font-size: 1.1rem;
	transform: rotateZ(0deg);
	white-space: pre;
	padding: 0 0.1rem;
	}
/* 		transform: rotateX(180deg); */
details {display:inline-flex;
	}
summary {display:inline-block;
	margin: 0 0.5rem;
	padding: 0rem 0.5rem;
	font-family: textfont;
	font-size: 1rem;
	color: black;
	cursor: pointer;
	}
p.details {
	float:right;
	font-family: 'detailfont';
	font-size: 0.9rem;
	text-align: left;
	background: blue;
	color:GhostWhite;
	line-height: 1.3rem;
	padding: 0rem 1rem;
	margin: 0rem 0rem;	
	max-width: 500px;
	box-sizing: border-box;
	}
p.links {
	font-family: 'detailfont';
	font-size: 0.9rem;
	text-align: left;
	background: white;
	color:black;
	margin:0;
	padding:0 1rem;
	border-style:solid;
	border-width:thin;
	border-color: gray;
	}
.hr_bottom {
	width: 50vw;
	color:grey;
	margin-inline-start: 0;}
a:active{
		color:-webkit-activelink
	}
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 40vw;
  background-color: blue;
  font-family: tooltip_font;
  font-size: 0.75rem;
  color: #fff;
  text-align: left;
  padding: 0.5rem 0.5rem;
  border-radius: .5rem;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
div.zero {
	float:left;
	font-family: 'textfont';
	font-size: 1rem;
	text-align: left;
	background: yellow;
	color:grey;
/* 	line-height: 1.3rem; */
	padding: 0rem 1rem;
	margin: auto 0rem;
}
div.one {
	float: left;
	font-family: 'textfont';
	font-size: 1rem;
	text-align: left;
	background: orange;
	color:whitesmoke;
/* 	line-height: 1.3rem; */
/* 	padding: 0rem 1rem; */
	margin: auto 0rem;

}
div.two {
	float: left;
	font-family: 'textfont';
	font-size: 0.9rem;
	text-align: left;
	background: white;
	color:darkgrey;
/* 	line-height: 1.3rem; */
	padding: 0rem 1rem;
	margin: auto 0rem;
}
.person {
		font-family: 'peoplefont', sans-serif;
		color: green;}
.redacted {
	background-color: black;
}
.column {
	float:left;
	width:50%;}
.list-right {
	float:right;
	width: 50%;}
.floating-box1 {
	display: inline;
	width: 106px;
	margin: 2px;}
.floating-box2 {
	display: inline-block;
	width: 65px;
	height: 75px;
	margin: 2px;}
.floating-box3 {
	display: inline-block;
	width: 65px;
	height: 70px;
	margin: 2px;}	
.indent20px {
	position: relative;
	left: 20px;}
.headerpos {
	position:relative;
	top: -10px;
	left: -10px;}	
.footerpos {
	position:relative;
	left: -10px;}
.whiteonblack{
	background-color:gray;
	color: white;
	}
	#home a:hover {
	}