body{
	background-color:#ECE9E2; 
}

h1{
	color: #5D3746;
	text-align:center
	
}

h2{
	color:#5D3746;
	
}

ul{ 
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color:#CCCBA3;
	position: sticky;
	top: 0;
}


li{
	float: left;
}

li a{
	display:block;
	padding: 8px;
	color: #5D3746;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

li a:hover:not(.active){
	background-color:#BEBD89;
}

.active{
	background-color: #CCCBA3;
}

.active2 {
	background-color: BEBD89;
	padding: 8px 12px;
}

.navbarb {
	padding: 8px 12px; 
}

.navbarb:hover:not(.active){
	background-color: AFAE6E;
}

#navbartwo{
	background-color:#BEBD89;
}


table{ 
	border-collapse: collapse;
	padding:8px;
}

td, th{
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
	}


div.main{
	margin:2% 4%;
	padding: 0% 1%;
}

div.content{
	text-align:center;
	font-size:20px;
}

div.content{
	text-align:left;
	font-size:20px;
}

p{
	font-size:20px;
	text-indent:20px;
}

div.video{
	text-align:center;
}
p.ref{
	text-indent:0px;
}

div.picture{
	text-align:center;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #AC9FBB;
  color: #ECE9E2;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}