body{
	margin-top:120px;
	width: 100%;
  height: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 0px;
  overflow-x:hidden;
}

div{
	margin:0;
}
  
@font-face{
	font-family:vcrmono;
	src: url(EIfonts/VCR_OSD_MONO_1.001.ttf);
}
@font-face{
	font-family:courier-new;
	src: url(EIfonts/Courier-New-Regular.ttf);
}
@font-face{
	font-family: courier-bold;
	src: url(EIfonts/courbd.ttf);
}
.header a {
  text-decoration: none;
  color: rgba(0, 0, 0, 1.0);
}
.header a:hover{
	font-weight:900;
	color:rgba(0,0,0,1.0);
	text-shadow: 0 0 32px rgba(255, 255, 255, 1.0);
}
.top{
		height:120px;
 	color:white;
}

.EIig a{
	  text-decoration: none;
  color: rgba(0, 0, 0, 1.0);
}
.EIig a:hover{
text-decoration: underline;
}
	.EIig2 a{
	  text-decoration: none;
  color: rgba(0, 0, 0, 1.0);
	}
	.EIig2 a:hover{
	text-decoration: underline;
	}
		.EUig a{
	  text-decoration: none;
  	color: rgba(0, 0, 0, 1.0);
		}
		.EUig a:hover{
		text-decoration: underline;
		}
			.EUig2 a{
	  	text-decoration: none;
  		color: rgba(0, 0, 0, 1.0);
			}
			.EUig2 a:hover{
			text-decoration: underline;
			}
					.DPig a{
				  text-decoration: none;
			  	color: rgba(0, 0, 0, 1.0);
					}
					.DPig a:hover{
					text-decoration: underline;
					}
						.DPig2 a{
					  text-decoration: none;
				  	color: rgba(0, 0, 0, 1.0);
						}
						.DPig2 a:hover{
						text-decoration: underline;
						}
							.KNig a{
						  text-decoration: none;
					  	color: rgba(0, 0, 0, 1.0);
							}
							.KNig a:hover{
							text-decoration: underline;
							}

.button a{

}
a:visited{
	text-decoration: none;
}
.LLkern{
	letter-spacing: -3pt;
}
.header{
 	height:120px;
 	color:white;
 	position: fixed;
  	top: 0;
  	left: 0;
  	width: 100%;
  	background-image: linear-gradient(180deg, rgba(255, 87, 148, 1.0)/*magenta*/,rgba(255, 255, 255, 1.0));
  	z-index: 100;
}
#nav{
	float: right;
	margin-right: 30px;
	margin-top:45px;
	width: 350px;
	font-family: vcrmono;
	font-weight:normal;
	color:rgba(0,0,0,1.0);

}
#corner-logo{
	float: left;
	margin-left: 30px;
	margin-top: 25px;

}
#ei-header{
	float: left;
	margin-left: 30px;
margin-top: 35px;

}
.video-position{
	position: relative;
	margin: 0;
	padding:0;

}
#title{
	  text-align: center;
	  position:relative;
       font-family:vcrmono;
       font-size: 150pt;
       top:-700px;
       left:200 px;
       color: rgba(255, 255, 255, 1.0);
       filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 1.0));
       opacity: 1;

}

#video-container{
	height:963px;
	width:;
 	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.0), rgba(252, 159, 49, 1.0) /*orange*/,rgba(255, 255, 255, 1.0))
}
#aboutnav{
	height:1900px;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.0),rgba(134, 232, 88, 1.0) /*green*/,rgba(134, 232, 88, 1.0) /*green*/, rgba(255, 255, 255, 1.0));
 /*green*/

}

.EIig{
	font-family: vcrmono;
	font-size: 12pt;
	position: relative;
	top: 38px;
	left: -10px;
	transform: rotate(30deg) skew(30deg);
	 opacity: 0; 
 visibility: hidden; 
 -webkit-transition: visibility 0s, opacity 0.5s linear;  
 transition: visibility 0s, opacity 0.5s linear; 
}


#grid-container{
	width: 1300px;
	height:575px;
	margin: 0 auto;
	display: grid;
	justify-content:center;
	grid-template-columns: repeat(7, 1fr);
	grid template-rows: repeat(1,1fr);
}

.grid-item1{
	width: 150px;
	height: 150px;
	display: flex;
	z-index:7;
	transition: 0.5s;
		margin-top: 220px;
}
.grid-item1:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-100px)translateX(20px);
}
.grid-item1:hover div{
	 visibility: visible; 
 opacity: 1; 
}

.EIig2{
	font-family: vcrmono;
	font-size: 12pt;
	position: relative;
	top: 38px;
	left: -10px;
	transform: rotate(30deg) skew(30deg);
	 opacity: 0; 
 visibility: hidden; 
 -webkit-transition: visibility 0s, opacity 0.5s linear;  
 transition: visibility 0s, opacity 0.5s linear; 
}

.grid-item2{
	width: 150px;
	height: 150px;
	display: flex;
	z-index:6;
	transition: 0.5s;
		margin-top: 220px;
}
.grid-item2:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-100px) translateX(20px);
}

.grid-item2:hover div{
	 visibility: visible; 
 opacity: 1; 
}

.EUig{
	font-family: vcrmono;
	font-size: 12pt;
	position: relative;
	top: 38px;
	left: -10px;
	transform: rotate(30deg) skew(30deg);
	 opacity: 0; 
 visibility: hidden; 
 -webkit-transition: visibility 0s, opacity 0.5s linear;  
 transition: visibility 0s, opacity 0.5s linear; 
}
.grid-item3{
	width: 150px;
	height: 150px;
	display: flex;
	z-index:5;
		margin-top: 220px;
		transition: 0.5s;
}
.grid-item3:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-100px)translateX(20px);
}

.grid-item3:hover div{
	 visibility: visible; 
 opacity: 1; 
}
.DPig{
	font-family: vcrmono;
	font-size: 12pt;
	position: relative;
	font-kerning: auto;
	top: 38px;
	left: -10px;
	transform: rotate(30deg) skew(30deg);
	 opacity: 0; 
 visibility: hidden; 
 -webkit-transition: visibility 0s, opacity 0.5s linear;  
 transition: visibility 0s, opacity 0.5s linear; 
}
.grid-item4{
	width: 150px;
	height: 150px;
	display: flex;
	z-index:4;
		margin-top: 220px;
		transition: 0.5s;
}
.grid-item4:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-100px)translateX(20px);
}
.grid-item4:hover div{
	 visibility: visible; 
 opacity: 1; 
}
.EUig2{
	font-family: vcrmono;
	font-size: 12pt;
	position: relative;
	top: 38px;
	left: -10px;
	transform: rotate(30deg) skew(30deg);
	 opacity: 0; 
 visibility: hidden; 
 -webkit-transition: visibility 0s, opacity 0.5s linear;  
 transition: visibility 0s, opacity 0.5s linear; 
}
.grid-item5{
	width: 150px;
	height: 150px;
	display: flex;
	z-index:3;
	margin-top: 220px;
	transition: 0.5s;
}
.grid-item5:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-100px)translateX(20px);
}
.grid-item5:hover div{
	 visibility: visible; 
 opacity: 1; 
}
.DPig2{
	font-family: vcrmono;
	font-size: 12pt;
	position: relative;
	font-kerning: auto;
	top: 38px;
	left: -10px;
	transform: rotate(30deg) skew(30deg);
	 opacity: 0; 
 visibility: hidden; 
 -webkit-transition: visibility 0s, opacity 0.5s linear;  
 transition: visibility 0s, opacity 0.5s linear; 
}
.grid-item6{
	width: 150px;
	height: 150px;
	display: flex;
	z-index:2;
margin-top: 220px;
transition: 0.5s;
}
.grid-item6:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-100px)translateX(20px);
}
.grid-item6:hover div{
	 visibility: visible; 
 opacity: 1; 
}
.KNig{
	font-family: vcrmono;
	font-size: 12pt;
	position: relative;
	font-kerning: auto;
	top: 38px;
	left: -10px;
	transform: rotate(30deg) skew(30deg);
	 opacity: 0; 
 visibility: hidden; 
 -webkit-transition: visibility 0s, opacity 0.5s linear;  
 transition: visibility 0s, opacity 0.5s linear; 
}
.grid-item7{
	width: 150px;
	height: 150px;
	display: flex;
	z-index:1;
	margin-top: 220px;
	transition: 0.5s;
}
.grid-item7:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-100px)translateX(20px);
}
.grid-item7:hover div{
	 visibility: visible; 
 opacity: 1; 
}

#enya-drew-logo{
text-align: center;
	  position:relative;
       top:260px;
       left:200 px;
}
.about-text-whole{
		margin: 0 auto;
	display: grid;
	justify-content:center;
}
.about-text{
	text-align: left;
	  margin-top:200px;
	  margin-left: 50px;
	  width:750px;
       padding: 100px;
       padding-bottom:50px;
       font-family: courier-new;
       font-weight: normal;
       font-size:20pt;
       line-height: 28pt;
       letter-spacing: 0pt;
       height:auto;
   display:block;
   border-right: 50px rgba(0, 0, 0, 1.0);
}
.vertline{
	border-right: 1px solid rgba(0, 0, 0, 1.0);
	height: 500px;
margin-right: -100px;
margin-top:-450px;
	position: relative;
}
.quotes{
	text-align: left;
	  margin-top:-640px;
	  margin-left: 1020px;
	  width:490px;
       padding: 100px;
       padding-bottom:50px;
       font-family: courier-new;
       font-weight: normal;
       font-size:14pt;
       line-height: 16pt;
       height:auto;
   display:block;
   z-index: 3;
   position: relative;
}
.socials{
position: relative;
margin-top: -110px;
margin-left: 150px;

}

.socials-icon{
padding-right: 6px;
}

.socials a:visited{
	text-decoration: none;
}
.socials-icon a:visited{
text-decoration: none;
}
.socials a:link{
	text-decoration: none;
}
.socials-icon a:link{
text-decoration: none;
}

.socials a:hover{
-webkit-filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 1));
}
.italic{
	font-family: courier-new;
       font-weight: normal;
       font-size:10pt;
       line-height: 5px;
       font-style: italic;
}
.article{
	font-family: courier-new;
       font-weight: bolder;
       font-size:14pt;
       line-height: 16pt;
       color: rgba(0, 0, 0, 1.0);
}
.article a:link{
	text-decoration: none;
	color: rgba(0, 0, 0, 1.0);
}
.article a:hover{
	color: rgba(0, 0, 0, 1.0);
	text-decoration: underline;
}
.article a:visited{
	text-decoration: none;
	color: rgba(0, 0, 0, 1.0);
}
.white-gradient1{
	position:relative;
	display: flex;
	background-image: radial-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0));
	width: 800px;
	height: 300px;
	margin-top: -630px;
	margin-left: 940px;
	z-index: 1;
}
.white-gradient2{
	position:relative;
	display: flex;
	background-image: radial-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0));
	width: 800px;
	height: 300px;
	margin-top: -130px;
	margin-left: 940px;
	z-index: 1;
}
.white-gradient3{
	position:relative;
	display: flex;
	background-image: radial-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0));
	width: 800px;
	height: 300px;
	margin-top: -120px;
	margin-left: 940px;
	z-index: 1;
}
.about-em{
	 font-family: vcrmono;
       font-weight: normal;
       font-size:20pt;
}
.about-em1{
	 font-family: vcrmono;
       font-weight: normal;
       font-size:25pt;
}
.Lbutton0{
	position: absolute;
	margin: 160px auto 0 0;
	margin-left: 10px;
	text-align: left;
		z-index: 15;
		width:100px;
		height:200px;
}
.Rbutton0{
	position: absolute;
	margin-top: 160px;
	margin-right: 10px;
	right:0;
text-align: right;
		z-index: 15;
			width:100px;
		height:200px;
}

.icon-left0{
	color: rgba(255, 255, 255, 1.0);
	font-size: 70px;
	padding: 30px;
	cursor:pointer;
	transition: 0.5s;
}
.icon-left0:hover{
	transform: scale(1.3)
}
.icon-right0 {
	color: rgba(255, 255, 255, 1.0);
	font-size: 70px;
	padding: 30px;
	cursor:pointer;
	transition: 0.5s

}
.icon-right0:hover{
	transform: scale(1.3)
}
.container-comments{
		width: 88%;
height:280px;
margin-top: 100px;
margin-left: 100px;
position: relative;
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	grid template-rows: repeat(1,1fr);
	overflow-x: scroll;
	scroll-behavior: smooth;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
.comment{
	border: 1px solid rgba(0, 0, 0, 1.0);
	border-radius: 30px;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.0));
	width: 400px;
	height: 220px;
	margin:10px;
	display: flex;
} 
.stars{
	margin-left: 240px;
	margin-top: -22px;
	position:relative ;
}
.username{
	margin-left: 32px;
	margin-top: 44px;
	position: relative;
	font-family:vcrmono;
       font-size: 15pt;
 
}
.comment-text{
		text-align: left;
       font-family:courier-new;
       font-size: 12pt;
      
       line-height: 14pt;
       
       color: rgba(0, 0, 0, 1.0);
       width: 85%;
       	top: 35px;
       	left:30px;
       	position: relative;
}
.comment-bold{
	 font-family:courier-bold;
       font-size: 12pt;
       line-height: 16pt;
}
.podbay{
	font-family: vcrmono;
	font-size: 11pt;
	right:0px;
	width: 93.2%;
	margin-top: -30px;
text-align: right;
	position: relative;
}
.podbay a:link{
	color: rgba(0, 0, 0, 1.0);
	text-decoration: none;

}
.podbay a:visited{
	color: rgba(0, 0, 0, 1.0);
}
.podbay a:hover{
	color: rgba(0, 0, 0, 1.0);
	text-decoration: underline;
}
#librarynav{
	height:800px;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.0),rgba(255, 211, 58, 1.0) /*yellow*/, rgba(255, 255, 255, 1.0))


}
.drew-character:hover {
	transform: scale(1.2);
}


.Library-Help{
	display: flex;
margin-right: 20px;
top:0;
margin-top: 140px;
	position: fixed;
	z-index: 50;
	right:0;
-webkit-filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 1));

}
.Library-Help:hover{
	   
}
.speech-bubble{
	display: none;
margin-right: 48px;
top:0;
margin-top: 78px;
	position: fixed;
	z-index: 50;
	right:0;
	opacity: 100;

}
.Library-Help:hover .speech-bubble{
display: block;
}

.help-text{
	text-align: left;
       font-family:vcrmono;
       font-size: 11pt;
       line-height: 13pt;
       display: flex;
       position: fixed;
       width: 300px;
       margin-left:-3px;
       margin-top: 23px;

}
.list a:hover{
	color: rgba(0, 0, 0, 1.0);

	background-color:rgba(255, 211, 58, 1.0);
	border:rgba(0, 0, 0, 1.0);
	border-radius: 10px;
	padding:3px 5px;
}
.list a:visited{
text-decoration: none;
	color: rgba(0, 0, 0, 1.0);
}
.list a:link{
text-decoration: none;
	color: rgba(0, 0, 0, 1.0);
}
.libraryTitle{
	text-align: center;
       top:0px;
       left:200 px;
       color: rgba(0, 0, 0, 1.0);
              height:auto;
   display:block;
   padding-top: 100px;
}
button{
	all:unset;
}
.button-section{
	text-align: center;
	margin-top:px;
              height:auto;
   display:block;
   padding-top: 100px;
}

.button1 a{
	  background-color: rgba(255, 255, 255, 0.0);
  color: black;
  border: 1px solid rgba(0, 0, 0, 1.0);
  font-family: courier-new;
  font-weight: normal;
  font-size: 20pt;
  border-radius: 30px;
  padding: 10px 30px;
  margin:15px;
  text-decoration: none;
  line-height: 84px;
}

.button1 a:hover{
	background-color: rgba(252, 159, 49, 1.0);

}
#the-drewth-nav{
	height:1000px;
 	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.0), rgba(255, 87, 148, 1.0)/*magenta*/,rgba(255, 255, 255, 1.0))
}

.drewth-line{
	position: relative;
	text-align: center;
	top:150px;
	height: 60px;
}

.Lbutton{
	position: relative;
		margin-top: -545px;
	text-align: left;
		z-index: 15;
		width:100px;
		height:200px;
}
.Rbutton{
	position: relative;

	margin: -180px 0 0 auto;
text-align: right;
		z-index: 15;
			width:100px;
		height:200px;
}
.icon-left{
	color: rgba(255, 255, 255, 1.0);
	font-size: 70px;
	padding: 30px;
	cursor:pointer;
	transition: 0.5s
}
.icon-left:hover{
	transform: scale(1.3)
}
.icon-right {
	color: rgba(255, 255, 255, 1.0);
	font-size: 70px;
	padding: 30px;
	cursor:pointer;
	transition: 0.5s

}
.icon-right:hover{
	transform: scale(1.3)
}

.epnom-magenta{
	font-family: vcrmono;
	font-size: 12pt;
	position: relative;
	top: 60px;
	left: 0px;
	width: 130px;
	transform: rotate(30deg) skew(30deg);
	 opacity: 0; 
	 text-align: center;
 visibility: hidden; 
 -webkit-transition: visibility 0s, opacity 0.5s linear;  
 transition: visibility 0s, opacity 0.5s linear;
   border: 1px solid rgba(0, 0, 0, 1.0);
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.0);
  background-image: linear-gradient(0deg, rgba(255, 87, 148, 1.0)/*magenta*/,rgba(255, 255, 255, 1.0));
  padding: 6px;
}

.timestamp{
	font-family: vcrmono;
	font-size: 8pt;
	position: relative;
	top: -50px;
	left: 250px;
	 opacity: 0; 
	 width: 35px;
	 text-align: center;
 visibility: hidden; 
 	transform: rotate(30deg) skew(30deg);
 -webkit-transition: visibility 0s, opacity 0.5s linear;  
 transition: visibility 0s, opacity 0.5s linear;
  border: 1px solid rgba(0, 0, 0, 0.0);
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 2px;
}

.topic-number{
	font-family: vcrmono;
	font-size: 25pt;
		position: relative;

	margin: -50px -100px 0 auto;
text-align: right;
		z-index: 15;
			width:100px;
		height:200px;
		display: flex;
	}
	.subtopics{
text-align:justify;
	margin-top:-110px;
	margin-left: 55px;
	width:1550px;


}

.button-sub1 {
  color: rgba(0, 0, 0, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
  font-family: courier-new;
  font-weight: normal;
  font-size: 12pt;
  border-radius: 0px;
  padding: 8px 10px;
  margin:10px;
  text-decoration: none;
  line-height: 18px;
  text-align: justify;

}
.button-sub1:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);


}
		.button-sub2 {
  color: rgba(0, 0, 0, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
	  font-family: courier-new;
	  font-weight: normal;
	  font-size: 12pt;
	  border-radius: 0px;
	  padding: 8px 10px;
	  margin:10px;
	  text-decoration: none;
	  line-height: 18px;
	  text-align: justify;
	}
	.button-sub2:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
				.button-sub3 {
  color: rgba(0, 0, 0, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
		  font-family: courier-new;
		  font-weight: normal;
		  font-size: 12pt;
		  border-radius: 0px;
		  padding: 8px 10px;
		  margin:10px;
		  text-decoration: none;
		  line-height: 18px;
		  text-align: justify;
		}
		.button-sub3:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					.button-sub4 {
			  color: rgba(0, 0, 0, 1.0);
  		border: 1px solid rgba(0, 0, 0, 1.0);
			  font-family: courier-new;
			  font-weight: normal;
			  font-size: 12pt;
			  border-radius: 0px;
			  padding: 8px 10px;
			  margin:10px;
			  text-decoration: none;
			  line-height: 18px;
			  text-align: justify;
			}
			.button-sub4:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					.button-sub5 {
			  color: rgba(0, 0, 0, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
				  font-family: courier-new;
				  font-weight: normal;
				  font-size: 12pt;
				  border-radius: 0px;
				  padding: 8px 10px;
				  margin:10px;
				  text-decoration: none;
				  line-height: 18px;
				  text-align: justify;
						}
						.button-sub5:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
						.button-sub6 {
				  color: rgba(0, 0, 0, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
					}
					.button-sub6:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					  	.button-sub7 {
						  color: rgba(0, 0, 0, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
						  font-family: courier-new;
						  font-weight: normal;
						  font-size: 12pt;
						  border-radius: 0px;
						  padding: 8px 10px;
						  margin:10px;
						  text-decoration: none;
						  line-height: 18px;
						  text-align: justify;
						}
						.button-sub7:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
						  	.button-sub8 {
				  color: rgba(0, 0, 0, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
							  font-family: courier-new;
							  font-weight: normal;
							  font-size: 12pt;
							  border-radius: 0px;
							  padding: 8px 10px;
							  margin:10px;
							  text-decoration: none;
							  line-height: 18px;
							  text-align: justify;
							}
							.button-sub8:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
.drewth-thumbnail1{
		width: 250px;
	height: 150px;
	display: flex;
	z-index:8;
	transition: 0.5s;
		margin-top: 100px;
				transition: 0.5s;
}
.drewth-thumbnail1:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.drewth-thumbnail1:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.drewth-thumbnail1:hover) .button-sub1{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub1:hover) .drewth-thumbnail1{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub1:hover) .drewth-thumbnail1 div{
			 visibility: visible; 
 opacity: 1; 
}

		.drewth-thumbnail2{
			width: 250px;
		height: 150px;
		display: flex;
		z-index:7;
		transition: 0.5s;
			margin-top: 100px;
				transition: 0.5s;
}
.drewth-thumbnail2:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.drewth-thumbnail2:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.drewth-thumbnail2:hover) .button-sub2{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub2:hover) .drewth-thumbnail2{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub2:hover) .drewth-thumbnail2 div{
			 visibility: visible; 
 opacity: 1; 
}
			.drewth-thumbnail3{
				width: 250px;
			height: 150px;
			display: flex;
			z-index:6;
			transition: 0.5s;
				margin-top: 100px;
				transition: 0.5s;
}
.drewth-thumbnail3:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.drewth-thumbnail3:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.drewth-thumbnail3:hover) .button-sub3{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub3:hover) .drewth-thumbnail3{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub3:hover) .drewth-thumbnail3 div{
			 visibility: visible; 
 opacity: 1; 
}
				.drewth-thumbnail4{
				width: 250px;
			height: 150px;
			display: flex;
			z-index:5;
			transition: 0.5s;
				margin-top: 100px;
				transition: 0.5s;
}
.drewth-thumbnail4:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.drewth-thumbnail4:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.drewth-thumbnail4:hover) .button-sub4{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub4:hover) .drewth-thumbnail4{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub4:hover) .drewth-thumbnail4 div{
			 visibility: visible; 
 opacity: 1; 
}
					.drewth-thumbnail5{
					width: 250px;
				height: 150px;
				display: flex;
				z-index:4;
				transition: 0.5s;
					margin-top: 100px;
				transition: 0.5s;
}
.drewth-thumbnail5:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.drewth-thumbnail5:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.drewth-thumbnail5:hover) .button-sub5{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub5:hover) .drewth-thumbnail5{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub5:hover) .drewth-thumbnail5 div{
			 visibility: visible; 
 opacity: 1; 
}
						.drewth-thumbnail6{
						width: 250px;
					height: 150px;
					display: flex;
					z-index:3;
					transition: 0.5s;
						margin-top: 100px;
				transition: 0.5s;
}
.drewth-thumbnail6:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.drewth-thumbnail6:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.drewth-thumbnail6:hover) .button-sub6{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub6:hover) .drewth-thumbnail6{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub6:hover) .drewth-thumbnail6 div{
			 visibility: visible; 
 opacity: 1; 
}
							.drewth-thumbnail7{
							width: 250px;
						height: 150px;
						display: flex;
						z-index:2;
						transition: 0.5s;
							margin-top: 100px;
				transition: 0.5s;
}
.drewth-thumbnail7:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.drewth-thumbnail7:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.drewth-thumbnail7:hover) .button-sub7{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub7:hover) .drewth-thumbnail7{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub7:hover) .drewth-thumbnail7 div{
			 visibility: visible; 
 opacity: 1; 
}
								.drewth-thumbnail8{
								width: 250px;
							height: 150px;
							display: flex;
							z-index:1;
							transition: 0.5s;
								margin-top: 100px;
				transition: 0.5s;
}
.drewth-thumbnail8:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.drewth-thumbnail8:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.drewth-thumbnail8:hover) .button-sub8{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub8:hover) .drewth-thumbnail8{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub8:hover) .drewth-thumbnail8 div{
			 visibility: visible; 
 opacity: 1; 
}

									.end{
											opacity:0.0;
										width: 150px;
																height: 150px;
																display: flex;
																z-index:0;
											
																	margin-top: 220px;
		
}



#trauma-dump-nav{
	height:1000px;
 	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.0), rgba(252, 159, 49, 1.0) /*orange*/,rgba(255, 255, 255, 1.0))
 }

.trauma-line{
	position: relative;
	text-align: center;
	top:150px;
	height: 60px;
}

.container{
		width: 100%;
height:75%;
position: relative;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid template-rows: repeat(1,1fr);
	overflow-x: scroll;
	scroll-behavior: smooth;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
.container2{
		width: 100%;
height:80%;
position: relative;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid template-rows: repeat(1,1fr);
	overflow-x: scroll;
	scroll-behavior: smooth;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}


.Lbutton2{
	position: relative;
		margin-top: -630px;
	text-align: left;
		z-index: 15;
		width:100px;
		height:200px;
}
.Rbutton2{
	position: relative;
	margin: -180px 0 0 auto;
text-align: right;
		z-index: 15;
			width:100px;
		height:200px;
}


.epnom-orange{
	font-family: vcrmono;
	font-size: 12pt;
	position: relative;
	top: 60px;
	left: 0px;
	width: 130px;
	transform: rotate(30deg) skew(30deg);
	 opacity: 0; 
	 text-align: center;
 visibility: hidden; 
 -webkit-transition: visibility 0s, opacity 0.5s linear;  
 transition: visibility 0s, opacity 0.5s linear;
   border: 1px solid rgba(0, 0, 0, 1.0);
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.0);
  background-image: linear-gradient(0deg,  rgba(252, 159, 49, 1.0) /*orange*/,rgba(255, 255, 255, 1.0));
  padding: 6px;
}
.eptitle{
	font-family: vcrmono;
	font-size: 12pt;
	position: relative;
	top: -90px;
	left: 5px;
	height: 100px;
width:310px;
	transform: rotate(30deg) skew(30deg);
	 opacity: 0; 
	 text-align: right;
 visibility: hidden; 
 -webkit-transition: visibility 0s, opacity 0.5s linear;  
 transition: visibility 0s, opacity 0.5s linear;
}
.timestamp{
	font-family: vcrmono;
	font-size: 8pt;
	position: relative;
	top: -55px;
	left: 235px;
	 opacity: 0; 
	 width: 50px;
	 text-align: center;
 visibility: hidden; 
 	transform: rotate(30deg) skew(30deg);
 -webkit-transition: visibility 0s, opacity 0.5s linear;  
 transition: visibility 0s, opacity 0.5s linear;
  border: 1px solid rgba(0, 0, 0, 0.0);
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 2px;
}

.topic-header{
	font-family: vcrmono;
	font-size: 25pt;
	position: relative;
		margin-top: 110px;
	text-align: left;
	left: 62px;
		z-index: 15;
		width:600px;
		height:100pxpx;
		display: flex;
}
.topic-number{
	font-family: vcrmono;
	font-size: 25pt;
		position: relative;

	margin: -50px -100px 0 auto;
text-align: right;
		z-index: 15;
			width:200px;
		height:200px;
		display: flex;

}
.subtopics-2{
	margin-top:-110px;
	margin-left: 55px;
	width:90%;
	height:auto;
	position: relative;


}
.button-sub1-2 {
				  color: rgba(0, 0, 0, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
}
.button-sub1-2:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
		.button-sub2-2 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
	}
	.button-sub2-2:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
				.button-sub3-2 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
		}
		.button-sub3-2:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					.button-sub4-2 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
			}
			.button-sub4-2:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					.button-sub5-2 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
						}
						.button-sub5-2:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
						.button-sub6-2 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
					}
					.button-sub6-2:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					  	.button-sub7-2 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
						}
						.button-sub7-2:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
						  	.button-sub8-2 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
							}
							.button-sub8-2:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
										.button-sub9-2 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
										}
										.button-sub9-2:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
													.button-sub10-2 {
					  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
										}
										.button-sub10-2:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}

													.button-sub11-2 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
												}
												.button-sub11-2:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
												}
.trauma-thumbnail1{
		width: 250px;
	height: 150px;
	display: flex;
	z-index:11;
	transition: 0.5s;
		margin-top: 60px;
				transition: 0.5s;
}
.trauma-thumbnail1:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.trauma-thumbnail1:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.trauma-thumbnail1:hover) .button-sub1-2{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub1-2:hover) .trauma-thumbnail1{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub1-2:hover) .trauma-thumbnail1 div{
			 visibility: visible; 
 opacity: 1; 
}

		.trauma-thumbnail2{
			width: 250px;
		height: 150px;
		display: flex;
		z-index:10;
		transition: 0.5s;
			margin-top: 60px;
				transition: 0.5s;
}
.trauma-thumbnail2:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.trauma-thumbnail2:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.trauma-thumbnail2:hover) .button-sub2-2{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub2-2:hover) .trauma-thumbnail2{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub2-2:hover) .trauma-thumbnail2 div{
			 visibility: visible; 
 opacity: 1; 
}
			.trauma-thumbnail3{
				width: 250px;
			height: 150px;
			display: flex;
			z-index:9;
			transition: 0.5s;
				margin-top: 60px;
				transition: 0.5s;
}
.trauma-thumbnail3:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.trauma-thumbnail3:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.trauma-thumbnail3:hover) .button-sub3-2{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub3-2:hover) .trauma-thumbnail3{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub3-2:hover) .trauma-thumbnail3 div{
			 visibility: visible; 
 opacity: 1; 
}
				.trauma-thumbnail4{
				width: 250px;
			height: 150px;
			display: flex;
			z-index:8;
			transition: 0.5s;
				margin-top: 60px;
				transition: 0.5s;
}
.trauma-thumbnail4:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.trauma-thumbnail4:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.trauma-thumbnail4:hover) .button-sub4-2{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub4-2:hover) .trauma-thumbnail4{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub4-2:hover) .trauma-thumbnail4 div{
			 visibility: visible; 
 opacity: 1; 
}
					.trauma-thumbnail5{
					width: 250px;
				height: 150px;
				display: flex;
				z-index:7;
				transition: 0.5s;
					margin-top: 60px;
				transition: 0.5s;
}
.trauma-thumbnail5:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.trauma-thumbnail5:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.trauma-thumbnail5:hover) .button-sub5-2{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub5-2:hover) .trauma-thumbnail5{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub5-2:hover) .trauma-thumbnail5 div{
			 visibility: visible; 
 opacity: 1; 
}
						.trauma-thumbnail6{
						width: 250px;
					height: 150px;
					display: flex;
					z-index:6;
					transition: 0.5s;
						margin-top: 60px;
				transition: 0.5s;
}
.trauma-thumbnail6:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.trauma-thumbnail6:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.trauma-thumbnail6:hover) .button-sub6-2{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
	 }
body:has(.button-sub6-2:hover) .trauma-thumbnail6{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub6-2:hover) .trauma-thumbnail6 div{
			 visibility: visible; 
 opacity: 1; 
}
							.trauma-thumbnail7{
							width: 250px;
						height: 150px;
						display: flex;
						z-index:5;
						transition: 0.5s;
							margin-top: 60px;
				transition: 0.5s;
}
.trauma-thumbnail7:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.trauma-thumbnail7:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.trauma-thumbnail7:hover) .button-sub7-2{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub7-2:hover) .trauma-thumbnail7{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub7-2:hover) .trauma-thumbnail7 div{
			 visibility: visible; 
 opacity: 1; 
}
								.trauma-thumbnail8{
								width: 250px;
							height: 150px;
							display: flex;
							z-index:4;
							transition: 0.5s;
								margin-top: 60px;
				transition: 0.5s;
}
.trauma-thumbnail8:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.trauma-thumbnail8:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.trauma-thumbnail8:hover) .button-sub8-2{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub8-2:hover) .trauma-thumbnail8{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub8-2:hover) .trauma-thumbnail8 div{
			 visibility: visible; 
 opacity: 1; 
}
													.trauma-thumbnail9{
													width: 250px;
												height: 150px;
												display: flex;
												z-index:3;
												transition: 0.5s;
													margin-top: 60px;
									transition: 0.5s;
					}
					.trauma-thumbnail9:hover{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					.trauma-thumbnail9:hover div{
							 visibility: visible; 
					 opacity: 1; 
					}
					body:has(.trauma-thumbnail9:hover) .button-sub9-2{
							color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
					}
					body:has(.button-sub9-2:hover) .trauma-thumbnail9{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					body:has(.button-sub9-2:hover) .trauma-thumbnail9 div{
								 visibility: visible; 
					 opacity: 1; 
					}
														.trauma-thumbnail10{
																				width: 250px;
																			height: 150px;
																			display: flex;
																			z-index:2;
																			transition: 0.5s;
																				margin-top:60px;
																transition: 0.5s;
												}
												.trauma-thumbnail10:hover{
													cursor: pointer;
													transform: scale(1.3) translateY(-50px)translateX(50px);
												}
												.trauma-thumbnail10:hover div{
														 visibility: visible; 
												 opacity: 1; 
												}
												body:has(.trauma-thumbnail10:hover) .button-sub10-2{
													color: rgba(0, 0, 0, 1.0);
											 border: 1px solid rgba(0, 0, 0, 0.0);
											   background-color: rgba(255, 255, 255, 0.2);
												}
												body:has(.button-sub10-2:hover) .trauma-thumbnail10{
													cursor: pointer;
													transform: scale(1.3) translateY(-50px)translateX(50px);
												}
												body:has(.button-sub10-2:hover) .trauma-thumbnail10 div{
															 visibility: visible; 
												 opacity: 1; 
												}
																					.trauma-thumbnail11{
																										width: 250px;
																									height: 150px;
																									display: flex;
																									z-index:1;
																									transition: 0.5s;
																										margin-top: 60px;
																						transition: 0.5s;
																		}
																		.trauma-thumbnail11:hover{
																	cursor: pointer;
													transform: scale(1.3) translateY(-50px)translateX(50px);
																		}
																		.trauma-thumbnail11:hover div{
																				 visibility: visible; 
																		 opacity: 1; 
																		}
																		body:has(.trauma-thumbnail11:hover) .button-sub11-2{
													color: rgba(0, 0, 0, 1.0);
											 border: 1px solid rgba(0, 0, 0, 0.0);
											   background-color: rgba(255, 255, 255, 0.2);
																		}
																		body:has(.button-sub11-2:hover) .trauma-thumbnail11{
																			cursor: pointer;
																			transform: scale(1.3) translateY(-50px)translateX(50px);
																		}
																		body:has(.button-sub11-2:hover) .trauma-thumbnail11 div{
																					 visibility: visible; 
																		 opacity: 1; 
																		}







#alcohol-and-drug-abuse-nav{
	height:1000px;
 	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.0),rgba(134, 232, 88, 1.0) /*green*/, rgba(255, 255, 255, 1.0))
}
.container3{
		width: 100%;
height:80%;
position: relative;
	display: grid;
	grid-template-columns: repeat(11, 1fr);
	grid template-rows: repeat(1,1fr);
	overflow-x: scroll;
	scroll-behavior: smooth;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
.drug-line{
	position: relative;
	text-align: center;
	top:150px;
	height: 60px;
}
.epnom-green{
	font-family: vcrmono;
	font-size: 12pt;
	position: relative;
	top: 60px;
	left: 0px;
	width: 130px;
	transform: rotate(30deg) skew(30deg);
	 opacity: 0; 
	 text-align: center;
 visibility: hidden; 
 -webkit-transition: visibility 0s, opacity 0.5s linear;  
 transition: visibility 0s, opacity 0.5s linear;
   border: 1px solid rgba(0, 0, 0, 1.0);
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.0);
  background-image: linear-gradient(0deg, rgba(134, 232, 88, 1.0) /*green*/,rgba(255, 255, 255, 1.0));
  padding: 6px;
}
.drugs-thumbnail1{
		width: 250px;
	height: 150px;
	display: flex;
	z-index:11;
	transition: 0.5s;
		margin-top: 60px;
				transition: 0.5s;
}
.drugs-thumbnail1:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.drugs-thumbnail1:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.drugs-thumbnail1:hover) .button-sub1-3{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub1-3:hover) .drugs-thumbnail1{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub1-3:hover) .drugs-thumbnail1 div{
			 visibility: visible; 
 opacity: 1; 
}

		.drugs-thumbnail2{
			width: 250px;
		height: 150px;
		display: flex;
		z-index:10;
		transition: 0.5s;
			margin-top: 60px;
				transition: 0.5s;
}
.drugs-thumbnail2:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.drugs-thumbnail2:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.drugs-thumbnail2:hover) .button-sub2-3{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub2-3:hover) .drugs-thumbnail2{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub2-3:hover) .drugs-thumbnail2 div{
			 visibility: visible; 
 opacity: 1; 
}
			.drugs-thumbnail3{
				width: 250px;
			height: 150px;
			display: flex;
			z-index:9;
			transition: 0.5s;
				margin-top: 60px;
				transition: 0.5s;
}
.drugs-thumbnail3:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.drugs-thumbnail3:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.drugs-thumbnail3:hover) .button-sub3-3{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub3-3:hover) .drugs-thumbnail3{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub3-3:hover) .drugs-thumbnail3 div{
			 visibility: visible; 
 opacity: 1; 
}
				.drugs-thumbnail4{
				width: 250px;
			height: 150px;
			display: flex;
			z-index:8;
			transition: 0.5s;
				margin-top: 60px;
				transition: 0.5s;
}
.drugs-thumbnail4:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.drugs-thumbnail4:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.drugs-thumbnail4:hover) .button-sub4-3{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub4-3:hover) .drugs-thumbnail4{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub4-3:hover) .drugs-thumbnail4 div{
			 visibility: visible; 
 opacity: 1; 
}
					.drugs-thumbnail5{
					width: 250px;
				height: 150px;
				display: flex;
				z-index:7;
				transition: 0.5s;
					margin-top: 60px;
				transition: 0.5s;
}
.drugs-thumbnail5:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.drugs-thumbnail5:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.drugs-thumbnail5:hover) .button-sub5-3{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub5-3:hover) .drugs-thumbnail5{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub5-3:hover) .drugs-thumbnail5 div{
			 visibility: visible; 
 opacity: 1; 
}
						.drugs-thumbnail6{
						width: 250px;
					height: 150px;
					display: flex;
					z-index:6;
					transition: 0.5s;
						margin-top: 60px;
				transition: 0.5s;
}
.drugs-thumbnail6:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.drugs-thumbnail6:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.drugs-thumbnail6:hover) .button-sub6-3{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
	 }
body:has(.button-sub6-3:hover) .drugs-thumbnail6{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub6-3:hover) .drugs-thumbnail6 div{
			 visibility: visible; 
 opacity: 1; 
}
							.drugs-thumbnail7{
							width: 250px;
						height: 150px;
						display: flex;
						z-index:5;
						transition: 0.5s;
							margin-top: 60px;
				transition: 0.5s;
}
.drugs-thumbnail7:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.drugs-thumbnail7:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.drugs-thumbnail7:hover) .button-sub7-3{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub7-3:hover) .drugs-thumbnail7{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub7-3:hover) .drugs-thumbnail7 div{
			 visibility: visible; 
 opacity: 1; 
}
								.drugs-thumbnail8{
								width: 250px;
							height: 150px;
							display: flex;
							z-index:4;
							transition: 0.5s;
								margin-top: 60px;
				transition: 0.5s;
}
.drugs-thumbnail8:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.drugs-thumbnail8:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.drugs-thumbnail8:hover) .button-sub8-3{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub8-3:hover) .drugs-thumbnail8{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub8-3:hover) .drugs-thumbnail8 div{
			 visibility: visible; 
 opacity: 1; 
}
													.drugs-thumbnail9{
													width: 250px;
												height: 150px;
												display: flex;
												z-index:3;
												transition: 0.5s;
													margin-top: 60px;
									transition: 0.5s;
					}
					.drugs-thumbnail9:hover{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					.drugs-thumbnail9:hover div{
							 visibility: visible; 
					 opacity: 1; 
					}
					body:has(.drugs-thumbnail9:hover) .button-sub9-3{
							color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
					}
					body:has(.button-sub9-3:hover) .drugs-thumbnail9{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					body:has(.button-sub9-3:hover) .drugs-thumbnail9 div{
								 visibility: visible; 
					 opacity: 1; 
					}
																		.drugs-thumbnail10{
													width: 250px;
												height: 150px;
												display: flex;
												z-index:1;
												transition: 0.5s;
													margin-top: 60px;
									transition: 0.5s;
					}
					.drugs-thumbnail10:hover{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					.drugs-thumbnail10:hover div{
							 visibility: visible; 
					 opacity: 1; 
					}
					body:has(.drugs-thumbnail10:hover) .button-sub10-3{
							color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
					}
					body:has(.button-sub10-3:hover) .drugs-thumbnail10{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					body:has(.button-sub10-3:hover) .drugs-thumbnail10 div{
								 visibility: visible; 
					 opacity: 1; 
					}

					.subtopics-3{
	margin-top:-110px;
	margin-left: 55px;
	width:90%;
	height:auto;
	position: relative;


}
.button-sub1-3 {
				  color: rgba(0, 0, 0, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
}
.button-sub1-3:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
		.button-sub2-3 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
	}
	.button-sub2-3:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
				.button-sub3-3 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
		}
		.button-sub3-3:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					.button-sub4-3 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
			}
			.button-sub4-3:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					.button-sub5-3 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
						}
						.button-sub5-3:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
						.button-sub6-3 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
					}
					.button-sub6-3:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					  	.button-sub7-3 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
						}
						.button-sub7-3:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
						  	.button-sub8-3 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
							}
							.button-sub8-3:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
										.button-sub9-3 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
										}
										.button-sub9-3:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
										.button-sub10-3 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
										}
										.button-sub10-3:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
.Lbutton3{
	position: relative;
		margin-top: -630px;
	text-align: left;
		z-index: 15;
		width:100px;
		height:200px;
}
.Rbutton3{
	position: relative;
	margin: -180px 0 0 auto;
text-align: right;
		z-index: 15;
			width:100px;
		height:200px;
}








#conspiracy-theories-nav{
	height:1000px;
 	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.0), rgba(255, 211, 58, 1.0) /*yellow*/, rgba(255, 255, 255, 1.0))
 }


.container4{
		width: 100%;
height:80%;
position: relative;
	display: grid;
	grid-template-columns: repeat(11, 1fr);
	grid template-rows: repeat(1,1fr);
	overflow-x: scroll;
	scroll-behavior: smooth;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
.cons-line{
	position: relative;
	text-align: center;
	top:150px;
	height: 60px;
}
.epnom-yellow{
	font-family: vcrmono;
	font-size: 12pt;
	position: relative;
	top: 60px;
	left: 0px;
	width: 130px;
	transform: rotate(30deg) skew(30deg);
	 opacity: 0; 
	 text-align: center;
 visibility: hidden; 
 -webkit-transition: visibility 0s, opacity 0.5s linear;  
 transition: visibility 0s, opacity 0.5s linear;
   border: 1px solid rgba(0, 0, 0, 1.0);
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.0);
  background-image: linear-gradient(0deg, rgba(255, 211, 58, 1.0),rgba(255, 255, 255, 1.0));
  padding: 6px;
}
.cons-thumbnail1{
		width: 250px;
	height: 150px;
	display: flex;
	z-index:11;
	transition: 0.5s;
		margin-top: 60px;
				transition: 0.5s;
}
.cons-thumbnail1:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.cons-thumbnail1:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.cons-thumbnail1:hover) .button-sub1-4{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub1-4:hover) .cons-thumbnail1{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub1-4:hover) .cons-thumbnail1 div{
			 visibility: visible; 
 opacity: 1; 
}

		.cons-thumbnail2{
			width: 250px;
		height: 150px;
		display: flex;
		z-index:10;
		transition: 0.5s;
			margin-top: 60px;
				transition: 0.5s;
}
.cons-thumbnail2:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.cons-thumbnail2:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.cons-thumbnail2:hover) .button-sub2-4{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub2-4:hover) .cons-thumbnail2{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub2-4:hover) .cons-thumbnail2 div{
			 visibility: visible; 
 opacity: 1; 
}
			.cons-thumbnail3{
				width: 250px;
			height: 150px;
			display: flex;
			z-index:9;
			transition: 0.5s;
				margin-top: 60px;
				transition: 0.5s;
}
.cons-thumbnail3:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.cons-thumbnail3:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.cons-thumbnail3:hover) .button-sub3-4{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub3-4:hover) .cons-thumbnail3{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub3-4:hover) .cons-thumbnail3 div{
			 visibility: visible; 
 opacity: 1; 
}
				.cons-thumbnail4{
				width: 250px;
			height: 150px;
			display: flex;
			z-index:8;
			transition: 0.5s;
				margin-top: 60px;
				transition: 0.5s;
}
.cons-thumbnail4:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.cons-thumbnail4:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.cons-thumbnail4:hover) .button-sub4-4{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub4-4:hover) .cons-thumbnail4{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub4-4:hover) .cons-thumbnail4 div{
			 visibility: visible; 
 opacity: 1; 
}
					.cons-thumbnail5{
					width: 250px;
				height: 150px;
				display: flex;
				z-index:7;
				transition: 0.5s;
					margin-top: 60px;
				transition: 0.5s;
}
.cons-thumbnail5:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.cons-thumbnail5:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.cons-thumbnail5:hover) .button-sub5-4{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub5-4:hover) .cons-thumbnail5{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub5-4:hover) .cons-thumbnail5 div{
			 visibility: visible; 
 opacity: 1; 
}
						.cons-thumbnail6{
						width: 250px;
					height: 150px;
					display: flex;
					z-index:6;
					transition: 0.5s;
						margin-top: 60px;
				transition: 0.5s;
}
.cons-thumbnail6:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.cons-thumbnail6:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.cons-thumbnail6:hover) .button-sub6-4{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
	 }
body:has(.button-sub6-4:hover) .cons-thumbnail6{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub6-4:hover) .cons-thumbnail6 div{
			 visibility: visible; 
 opacity: 1; 
}
							.cons-thumbnail7{
							width: 250px;
						height: 150px;
						display: flex;
						z-index:5;
						transition: 0.5s;
							margin-top: 60px;
				transition: 0.5s;
}
.cons-thumbnail7:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.cons-thumbnail7:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.cons-thumbnail7:hover) .button-sub7-4{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub7-4:hover) .cons-thumbnail7{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub7-4:hover) .cons-thumbnail7 div{
			 visibility: visible; 
 opacity: 1; 
}
								.cons-thumbnail8{
								width: 250px;
							height: 150px;
							display: flex;
							z-index:4;
							transition: 0.5s;
								margin-top: 60px;
				transition: 0.5s;
}
.cons-thumbnail8:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.cons-thumbnail8:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.cons-thumbnail8:hover) .button-sub8-4{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub8-4:hover) .drugs-thumbnail8{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub8-4:hover) .cons-thumbnail8 div{
			 visibility: visible; 
 opacity: 1; 
}
													.cons-thumbnail9{
													width: 250px;
												height: 150px;
												display: flex;
												z-index:3;
												transition: 0.5s;
													margin-top: 60px;
									transition: 0.5s;
					}
					.cons-thumbnail9:hover{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					.cons-thumbnail9:hover div{
							 visibility: visible; 
					 opacity: 1; 
					}
					body:has(.cons-thumbnail9:hover) .button-sub9-4{
							color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
					}
					body:has(.button-sub9-4:hover) .cons-thumbnail9{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					body:has(.button-sub9-4:hover) .cons-thumbnail9 div{
								 visibility: visible; 
					 opacity: 1; 
					}
																		.cons-thumbnail10{
													width: 250px;
												height: 150px;
												display: flex;
												z-index:1;
												transition: 0.5s;
													margin-top: 60px;
									transition: 0.5s;
					}
					.cons-thumbnail10:hover{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					.cons-thumbnail10:hover div{
							 visibility: visible; 
					 opacity: 1; 
					}
					body:has(.cons-thumbnail10:hover) .button-sub10-4{
							color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
					}
					body:has(.button-sub10-4:hover) .cons-thumbnail10{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					body:has(.button-sub10-4:hover) .cons-thumbnail10 div{
								 visibility: visible; 
					 opacity: 1; 
					}

					.subtopics-4{
	margin-top:-110px;
	margin-left: 55px;
	width:90%;
	height:auto;
	position: relative;


}
.button-sub1-4 {
				  color: rgba(0, 0, 0, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
}
.button-sub1-4:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
		.button-sub2-4 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
	}
	.button-sub2-4:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
				.button-sub3-4 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
		}
		.button-sub3-4:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					.button-sub4-4 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
			}
			.button-sub4-4:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					.button-sub5-4 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
						}
						.button-sub5-4:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
						.button-sub6-4 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
					}
					.button-sub6-4:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					  	.button-sub7-4 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
						}
						.button-sub7-4:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
						  	.button-sub8-4 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
							}
							.button-sub8-4:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
										.button-sub9-4 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
										}
										.button-sub9-4:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
										.button-sub10-4 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
										}
										.button-sub10-4:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
.Lbutton4{
	position: relative;
		margin-top: -630px;
	text-align: left;
		z-index: 15;
		width:100px;
		height:200px;
}
.Rbutton4{
	position: relative;
	margin: -180px 0 0 auto;
text-align: right;
		z-index: 15;
			width:100px;
		height:200px;
}






#childhood-nav{
	height:1000px;
 	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.0), rgba(255, 87, 148, 1.0)/*magenta*/,rgba(255, 255, 255, 1.0))
}
.child-line{
	position: relative;
	text-align: center;
	top:150px;
	height: 60px;
}
.Lbutton5{
	position: relative;
		margin-top: -630px;
	text-align: left;
		z-index: 15;
		width:100px;
		height:200px;
}
.Rbutton5{
	position: relative;
	margin: -180px 0 0 auto;
text-align: right;
		z-index: 15;
			width:100px;
		height:200px;
}


.container5{
		width: 100%;
height:80%;
position: relative;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid template-rows: repeat(1,1fr);
	overflow-x: scroll;
	scroll-behavior: smooth;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
	z-index: 10;
}
.subtopics-5{
	margin-top:-110px;
	margin-left: 55px;
	width:90%;
	height:auto;
	position: relative;



}
.button-sub1-5 {
				  color: rgba(0, 0, 0, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
}
.button-sub1-5:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
		.button-sub2-5 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
	}
	.button-sub2-5:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
				.button-sub3-5 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
		}
		.button-sub3-5:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					.button-sub4-5 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
			}
			.button-sub4-5:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					.button-sub5-5 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
						}
						.button-sub5-5:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
						.button-sub6-5 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
					}
					.button-sub6-5:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					  	.button-sub7-5 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
						}
						.button-sub7-5:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
						  	.button-sub8-5 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
							}
							.button-sub8-5:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
										.button-sub9-5 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
										}
										.button-sub9-5:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
													.button-sub10-5 {
					  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
										}
										.button-sub10-5:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}

													.button-sub11-5{
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
												}
												.button-sub11-5:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
												}
.child-thumbnail1{
		width: 250px;
	height: 150px;
	display: flex;
	z-index:11;
	transition: 0.5s;
		margin-top: 60px;
				transition: 0.5s;
}
.child-thumbnail1:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.child-thumbnail1:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.child-thumbnail1:hover) .button-sub1-5{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub1-5:hover) .child-thumbnail1{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub1-5:hover) .child-thumbnail1 div{
			 visibility: visible; 
 opacity: 1; 
}

		.child-thumbnail2{
			width: 250px;
		height: 150px;
		display: flex;
		z-index:10;
		transition: 0.5s;
			margin-top: 60px;
				transition: 0.5s;
}
.child-thumbnail2:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.child-thumbnail2:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.child-thumbnail2:hover) .button-sub2-5{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub2-5:hover) .child-thumbnail2{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub2-5:hover) .child-thumbnail2 div{
			 visibility: visible; 
 opacity: 1; 
}
			.child-thumbnail3{
				width: 250px;
			height: 150px;
			display: flex;
			z-index:9;
			transition: 0.5s;
				margin-top: 60px;
				transition: 0.5s;
}
.child-thumbnail3:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.child-thumbnail3:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.child-thumbnail3:hover) .button-sub3-5{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub3-5:hover) .child-thumbnail3{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub3-5:hover) .child-thumbnail3 div{
			 visibility: visible; 
 opacity: 1; 
}
				.child-thumbnail4{
				width: 250px;
			height: 150px;
			display: flex;
			z-index:8;
			transition: 0.5s;
				margin-top: 60px;
				transition: 0.5s;
}
.child-thumbnail4:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.child-thumbnail4:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.child-thumbnail4:hover) .button-sub4-5{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub4-5:hover) .child-thumbnail4{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub4-5:hover) .child-thumbnail4 div{
			 visibility: visible; 
 opacity: 1; 
}
					.child-thumbnail5{
					width: 250px;
				height: 150px;
				display: flex;
				z-index:7;
				transition: 0.5s;
					margin-top: 60px;
				transition: 0.5s;
}
.child-thumbnail5:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.child-thumbnail5:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.child-thumbnail5:hover) .button-sub5-5{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub5-5:hover) .child-thumbnail5{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub5-5:hover) .child-thumbnail5 div{
			 visibility: visible; 
 opacity: 1; 
}
						.child-thumbnail6{
						width: 250px;
					height: 150px;
					display: flex;
					z-index:6;
					transition: 0.5s;
						margin-top: 60px;
				transition: 0.5s;
}
.child-thumbnail6:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.child-thumbnail6:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.child-thumbnail6:hover) .button-sub6-5{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
	 }
body:has(.button-sub6-5:hover) .child-thumbnail6{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub6-5:hover) .child-thumbnail6 div{
			 visibility: visible; 
 opacity: 1; 
}
							.child-thumbnail7{
							width: 250px;
						height: 150px;
						display: flex;
						z-index:5;
						transition: 0.5s;
							margin-top: 60px;
				transition: 0.5s;
}
.child-thumbnail7:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.child-thumbnail7:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.child-thumbnail7:hover) .button-sub7-5{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub7-5:hover) .child-thumbnail7{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub7-5:hover) .child-thumbnail7 div{
			 visibility: visible; 
 opacity: 1; 
}
								.child-thumbnail8{
								width: 250px;
							height: 150px;
							display: flex;
							z-index:4;
							transition: 0.5s;
								margin-top: 60px;
				transition: 0.5s;
}
.child-thumbnail8:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.child-thumbnail8:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.child-thumbnail8:hover) .button-sub8-5{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub8-5:hover) .child-thumbnail8{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub8-5:hover) .child-thumbnail8 div{
			 visibility: visible; 
 opacity: 1; 
}
													.child-thumbnail9{
													width: 250px;
												height: 150px;
												display: flex;
												z-index:3;
												transition: 0.5s;
													margin-top: 60px;
									transition: 0.5s;
					}
					.child-thumbnail9:hover{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					.child-thumbnail9:hover div{
							 visibility: visible; 
					 opacity: 1; 
					}
					body:has(.child-thumbnail9:hover) .button-sub9-5{
							color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
					}
					body:has(.button-sub9-5:hover) .child-thumbnail9{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					body:has(.button-sub9-5:hover) .child-thumbnail9 div{
								 visibility: visible; 
					 opacity: 1; 
					}
														.child-thumbnail10{
																				width: 250px;
																			height: 150px;
																			display: flex;
																			z-index:2;
																			transition: 0.5s;
																				margin-top:60px;
																transition: 0.5s;
												}
												.child-thumbnail10:hover{
													cursor: pointer;
													transform: scale(1.3) translateY(-50px)translateX(50px);
												}
												.child-thumbnail10:hover div{
														 visibility: visible; 
												 opacity: 1; 
												}
												body:has(.child-thumbnail10:hover) .button-sub10-5{
													color: rgba(0, 0, 0, 1.0);
											 border: 1px solid rgba(0, 0, 0, 0.0);
											   background-color: rgba(255, 255, 255, 0.2);
												}
												body:has(.button-sub10-5:hover) .child-thumbnail10{
													cursor: pointer;
													transform: scale(1.3) translateY(-50px)translateX(50px);
												}
												body:has(.button-sub10-5:hover) .child-thumbnail10 div{
															 visibility: visible; 
												 opacity: 1; 
												}
																					.child-thumbnail11{
																										width: 250px;
																									height: 150px;
																									display: flex;
																									z-index:1;
																									transition: 0.5s;
																										margin-top: 60px;
																						transition: 0.5s;
																		}
																		.child-thumbnail11:hover{
																	cursor: pointer;
													transform: scale(1.3) translateY(-50px)translateX(50px);
																		}
																		.child-thumbnail11:hover div{
																				 visibility: visible; 
																		 opacity: 1; 
																		}
																		body:has(.child-thumbnail11:hover) .button-sub11-5{
													color: rgba(0, 0, 0, 1.0);
											 border: 1px solid rgba(0, 0, 0, 0.0);
											   background-color: rgba(255, 255, 255, 0.2);
																		}
																		body:has(.button-sub11-5:hover) .child-thumbnail11{
																			cursor: pointer;
																			transform: scale(1.3) translateY(-50px)translateX(50px);
																		}
																		body:has(.button-sub11-5:hover) .child-thumbnail11 div{
																					 visibility: visible; 
																		 opacity: 1; 
																		}




#special-guests-episodes-nav{
	height:1000px;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.0), rgba(252, 159, 49, 1.0) /*orange*/,rgba(255, 255, 255, 1.0))
 }

.guest-line{
	position: relative;
	text-align: center;
	top:150px;
	height: 60px;
}
.Lbutton6{
	position: relative;
		margin-top: -545px;
	text-align: left;
		z-index: 15;
		width:100px;
		height:200px;
}
.Rbutton6{
	position: relative;
	margin: -180px 0 0 auto;
text-align: right;
		z-index: 15;
			width:100px;
		height:200px;
}


.container6{
		width: 100%;
height:75%;
position: relative;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid template-rows: repeat(1,1fr);
	overflow-x: scroll;
	scroll-behavior: smooth;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
.subtopics-6{
	margin-top:-110px;
	margin-left: 55px;
	width:90%;
	height:auto;
	position: relative;


}
.button-sub1-6 {
				  color: rgba(0, 0, 0, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
}
.button-sub1-6:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
		.button-sub2-6 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
	}
	.button-sub2-6:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
				.button-sub3-6 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
		}
		.button-sub3-6:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					.button-sub4-6 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
			}
			.button-sub4-6:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					.button-sub5-6 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
						}
						.button-sub5-6:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
						.button-sub6-6 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
					}
					.button-sub6-6:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					  	.button-sub7-6 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
						}
						.button-sub7-6:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
						  	.button-sub8-6 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
							}
							.button-sub8-6:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
										.button-sub9-6 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
										}
										.button-sub9-6:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
													.button-sub10-6 {
					  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
										}
										.button-sub10-6:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}

													.button-sub11-6{
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
												}
												.button-sub11-6:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
												}
.guest-thumbnail1{
		width: 250px;
	height: 150px;
	display: flex;
	z-index:11;
	transition: 0.5s;
		margin-top: 100px;
				transition: 0.5s;
}
.guest-thumbnail1:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.guest-thumbnail1:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.guest-thumbnail1:hover) .button-sub1-6{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub1-6:hover) .guest-thumbnail1{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub1-6:hover) .guest-thumbnail1 div{
			 visibility: visible; 
 opacity: 1; 
}

		.guest-thumbnail2{
			width: 250px;
		height: 150px;
		display: flex;
		z-index:10;
		transition: 0.5s;
			margin-top: 100px;
				transition: 0.5s;
}
.guest-thumbnail2:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.guest-thumbnail2:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.guest-thumbnail2:hover) .button-sub2-6{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub2-6:hover) .guest-thumbnail2{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub2-6:hover) .guest-thumbnail2 div{
			 visibility: visible; 
 opacity: 1; 
}
			.guest-thumbnail3{
				width: 250px;
			height: 150px;
			display: flex;
			z-index:9;
			transition: 0.5s;
				margin-top: 100px;
				transition: 0.5s;
}
.guest-thumbnail3:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.guest-thumbnail3:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.guest-thumbnail3:hover) .button-sub3-6{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub3-6:hover) .guest-thumbnail3{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub3-6:hover) .guest-thumbnail3 div{
			 visibility: visible; 
 opacity: 1; 
}
				.guest-thumbnail4{
				width: 250px;
			height: 150px;
			display: flex;
			z-index:8;
			transition: 0.5s;
				margin-top: 100px;
				transition: 0.5s;
}
.guest-thumbnail4:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.guest-thumbnail4:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.guest-thumbnail4:hover) .button-sub4-6{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub4-6:hover) .guest-thumbnail4{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub4-6:hover) .guest-thumbnail4 div{
			 visibility: visible; 
 opacity: 1; 
}
					.guest-thumbnail5{
					width: 250px;
				height: 150px;
				display: flex;
				z-index:7;
				transition: 0.5s;
					margin-top:100px;
				transition: 0.5s;
}
.guest-thumbnail5:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.guest-thumbnail5:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.guest-thumbnail5:hover) .button-sub5-6{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub5-6:hover) .guest-thumbnail5{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub5-6:hover) .guest-thumbnail5 div{
			 visibility: visible; 
 opacity: 1; 
}
						.guest-thumbnail6{
						width: 250px;
					height: 150px;
					display: flex;
					z-index:6;
					transition: 0.5s;
						margin-top: 100px;
				transition: 0.5s;
}
.guest-thumbnail6:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.guest-thumbnail6:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.guest-thumbnail6:hover) .button-sub6-6{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
	 }
body:has(.button-sub6-6:hover) .guest-thumbnail6{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub6-6:hover) .guest-thumbnail6 div{
			 visibility: visible; 
 opacity: 1; 
}
							.guest-thumbnail7{
							width: 250px;
						height: 150px;
						display: flex;
						z-index:5;
						transition: 0.5s;
							margin-top:100px;
				transition: 0.5s;
}
.guest-thumbnail7:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.guest-thumbnail7:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.guest-thumbnail7:hover) .button-sub7-6{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub7-6:hover) .guest-thumbnail7{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub7-6:hover) .guest-thumbnail7 div{
			 visibility: visible; 
 opacity: 1; 
}
								.guest-thumbnail8{
								width: 250px;
							height: 150px;
							display: flex;
							z-index:4;
							transition: 0.5s;
								margin-top: 100px;
				transition: 0.5s;
}
.guest-thumbnail8:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.guest-thumbnail8:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.guest-thumbnail8:hover) .button-sub8-6{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub8-6:hover) .guest-thumbnail8{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub8-6:hover) .guest-thumbnail8 div{
			 visibility: visible; 
 opacity: 1; 
}
													.guest-thumbnail9{
													width: 250px;
												height: 150px;
												display: flex;
												z-index:3;
												transition: 0.5s;
													margin-top:100px;
									transition: 0.5s;
					}
					.guest-thumbnail9:hover{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					.guest-thumbnail9:hover div{
							 visibility: visible; 
					 opacity: 1; 
					}
					body:has(.guest-thumbnail9:hover) .button-sub9-6{
							color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
					}
					body:has(.button-sub9-6:hover) .guest-thumbnail9{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					body:has(.button-sub9-6:hover) .guest-thumbnail9 div{
								 visibility: visible; 
					 opacity: 1; 
					}
														.guest-thumbnail10{
																				width: 250px;
																			height: 150px;
																			display: flex;
																			z-index:2;
																			transition: 0.5s;
																				margin-top:100px;
																transition: 0.5s;
												}
												.guest-thumbnail10:hover{
													cursor: pointer;
													transform: scale(1.3) translateY(-50px)translateX(50px);
												}
												.guest-thumbnail10:hover div{
														 visibility: visible; 
												 opacity: 1; 
												}
												body:has(.guest-thumbnail10:hover) .button-sub10-6{
													color: rgba(0, 0, 0, 1.0);
											 border: 1px solid rgba(0, 0, 0, 0.0);
											   background-color: rgba(255, 255, 255, 0.2);
												}
												body:has(.button-sub10-6:hover) .guest-thumbnail10{
													cursor: pointer;
													transform: scale(1.3) translateY(-50px)translateX(50px);
												}
												body:has(.button-sub10-6:hover) .guest-thumbnail10 div{
															 visibility: visible; 
												 opacity: 1; 
												}
																					.guest-thumbnail11{
																										width: 250px;
																									height: 150px;
																									display: flex;
																									z-index:1;
																									transition: 0.5s;
																										margin-top:100px;
																						transition: 0.5s;
																		}
																		.guest-thumbnail11:hover{
																	cursor: pointer;
													transform: scale(1.3) translateY(-50px)translateX(50px);
																		}
																		.guest-thumbnail11:hover div{
																				 visibility: visible; 
																		 opacity: 1; 
																		}
																		body:has(.guest-thumbnail11:hover) .button-sub11-6{
													color: rgba(0, 0, 0, 1.0);
											 border: 1px solid rgba(0, 0, 0, 0.0);
											   background-color: rgba(255, 255, 255, 0.2);
																		}
																		body:has(.button-sub11-6:hover) .guest-thumbnail11{
																			cursor: pointer;
																			transform: scale(1.3) translateY(-50px)translateX(50px);
																		}
																		body:has(.button-sub11-6:hover) .guest-thumbnail11 div{
																					 visibility: visible; 
																		 opacity: 1; 
																		}






#holiday-episodes-nav{
	height:1000px;
 	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.0),rgba(134, 232, 88, 1.0) /*green*/, rgba(255, 255, 255, 1.0)) /*green*/
}
.container7{
		width: 100%;
height:75%;
position: relative;
	display: grid;
	grid-template-columns: repeat(11, 1fr);
	grid template-rows: repeat(1,1fr);
	overflow-x: scroll;
	scroll-behavior: smooth;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
.holi-line{
	position: relative;
	text-align: center;
	top:150px;
	height: 60px;
}

.holi-thumbnail1{
		width: 250px;
	height: 150px;
	display: flex;
	z-index:11;
	transition: 0.5s;
		margin-top: 100px;
				transition: 0.5s;
}
.holi-thumbnail1:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.holi-thumbnail1:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.holi-thumbnail1:hover) .button-sub1-7{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub1-7:hover) .holi-thumbnail1{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub1-7:hover) .holi-thumbnail1 div{
			 visibility: visible; 
 opacity: 1; 
}

		.holi-thumbnail2{
			width: 250px;
		height: 150px;
		display: flex;
		z-index:10;
		transition: 0.5s;
			margin-top: 100px;
				transition: 0.5s;
}
.holi-thumbnail2:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.holi-thumbnail2:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.holi-thumbnail2:hover) .button-sub2-7{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub2-7:hover) .holi-thumbnail2{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub2-7:hover) .holi-thumbnail2 div{
			 visibility: visible; 
 opacity: 1; 
}
			.holi-thumbnail3{
				width: 250px;
			height: 150px;
			display: flex;
			z-index:9;
			transition: 0.5s;
				margin-top: 100px;
				transition: 0.5s;
}
.holi-thumbnail3:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.holi-thumbnail3:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.holi-thumbnail3:hover) .button-sub3-7{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub3-7:hover) .holi-thumbnail3{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub3-7:hover) .holi-thumbnail3 div{
			 visibility: visible; 
 opacity: 1; 
}
				.holi-thumbnail4{
				width: 250px;
			height: 150px;
			display: flex;
			z-index:8;
			transition: 0.5s;
				margin-top: 100px;
				transition: 0.5s;
}
.holi-thumbnail4:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.holi-thumbnail4:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.holi-thumbnail4:hover) .button-sub4-7{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub4-7:hover) .holi-thumbnail4{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub4-7:hover) .holi-thumbnail4 div{
			 visibility: visible; 
 opacity: 1; 
}
					.holi-thumbnail5{
					width: 250px;
				height: 150px;
				display: flex;
				z-index:7;
				transition: 0.5s;
					margin-top: 100px;
				transition: 0.5s;
}
.holi-thumbnail5:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.holi-thumbnail5:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.holi-thumbnail5:hover) .button-sub5-7{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub5-7:hover) .holi-thumbnail5{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub5-7:hover) .holi-thumbnail5 div{
			 visibility: visible; 
 opacity: 1; 
}
						.holi-thumbnail6{
						width: 250px;
					height: 150px;
					display: flex;
					z-index:6;
					transition: 0.5s;
						margin-top: 100px;
				transition: 0.5s;
}
.holi-thumbnail6:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.holi-thumbnail6:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.holi-thumbnail6:hover) .button-sub6-7{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
	 }
body:has(.button-sub6-7:hover) .holi-thumbnail6{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub6-7:hover) .holi-thumbnail6 div{
			 visibility: visible; 
 opacity: 1; 
}
							.holi-thumbnail7{
							width: 250px;
						height: 150px;
						display: flex;
						z-index:5;
						transition: 0.5s;
							margin-top: 100px;
				transition: 0.5s;
}
.holi-thumbnail7:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.holi-thumbnail7:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.holi-thumbnail7:hover) .button-sub7-7{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub7-7:hover) .holi-thumbnail7{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub7-7:hover) .holi-thumbnail7 div{
			 visibility: visible; 
 opacity: 1; 
}
								.holi-thumbnail8{
								width: 250px;
							height: 150px;
							display: flex;
							z-index:4;
							transition: 0.5s;
								margin-top: 100px;
				transition: 0.5s;
}
.holi-thumbnail8:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.holi-thumbnail8:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.holi-thumbnail8:hover) .button-sub8-7{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub8-7:hover) .holi-thumbnail8{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub8-7:hover) .holi-thumbnail8 div{
			 visibility: visible; 
 opacity: 1; 
}
													.holi-thumbnail9{
													width: 250px;
												height: 150px;
												display: flex;
												z-index:3;
												transition: 0.5s;
													margin-top: 100px;
									transition: 0.5s;
					}
					.holi-thumbnail9:hover{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					.holi-thumbnail9:hover div{
							 visibility: visible; 
					 opacity: 1; 
					}
					body:has(.holi-thumbnail9:hover) .button-sub9-7{
							color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
					}
					body:has(.button-sub9-7:hover) .holi-thumbnail9{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					body:has(.button-sub9-7:hover) .holi-thumbnail9 div{
								 visibility: visible; 
					 opacity: 1; 
					}

					.subtopics-7{
	margin-top:-110px;
	margin-left: 55px;
	width:90%;
	height:auto;
	position: relative;


}
.button-sub1-7 {
				  color: rgba(0, 0, 0, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
}
.button-sub1-7:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
		.button-sub2-7 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
	}
	.button-sub2-7:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
				.button-sub3-7 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
		}
		.button-sub3-7:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					.button-sub4-7 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
			}
			.button-sub4-7:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					.button-sub5-7 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
						}
						.button-sub5-7:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
						.button-sub6-7 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
					}
					.button-sub6-7:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					  	.button-sub7-7 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
						}
						.button-sub7-7:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
						  	.button-sub8-7 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
							}
							.button-sub8-7:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
										.button-sub9-7 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
										}
										.button-sub9-7:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}

.Lbutton7{
	position: relative;
		margin-top:  -545px;
	text-align: left;
		z-index: 15;
		width:100px;
		height:200px;
}
.Rbutton7{
	position: relative;
	margin: -180px 0 0 auto;
text-align: right;
		z-index: 15;
			width:100px;
		height:200px;
}






#zoom-episodes-nav{
	height:1000px;
 	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.0), rgba(255, 211, 58, 1.0) /*yellow*/, rgba(255, 255, 255, 1.0))
}


.container8{
		width: 100%;
height:75%;
position: relative;
	display: grid;
	grid-template-columns: repeat(11, 1fr);
	grid template-rows: repeat(1,1fr);
	overflow-x: scroll;
	scroll-behavior: smooth;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
.zoom-line{
	position: relative;
	text-align: center;
	top:150px;
	height: 60px;
}

.zoom-thumbnail1{
		width: 250px;
	height: 150px;
	display: flex;
	z-index:11;
	transition: 0.5s;
		margin-top: 100px;
				transition: 0.5s;
}
.zoom-thumbnail1:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.zoom-thumbnail1:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.zoom-thumbnail1:hover) .button-sub1-8{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub1-8:hover) .zoom-thumbnail1{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub1-8:hover) .zoom-thumbnail1 div{
			 visibility: visible; 
 opacity: 1; 
}

		.zoom-thumbnail2{
			width: 250px;
		height: 150px;
		display: flex;
		z-index:10;
		transition: 0.5s;
			margin-top: 100px;
				transition: 0.5s;
}
.zoom-thumbnail2:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.zoom-thumbnail2:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.zoom-thumbnail2:hover) .button-sub2-8{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub2-8:hover) .zoom-thumbnail2{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub2-8:hover) .zoom-thumbnail2 div{
			 visibility: visible; 
 opacity: 1; 
}
			.zoom-thumbnail3{
				width: 250px;
			height: 150px;
			display: flex;
			z-index:9;
			transition: 0.5s;
				margin-top: 100px;
				transition: 0.5s;
}
.zoom-thumbnail3:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.zoom-thumbnail3:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.zoom-thumbnail3:hover) .button-sub3-8{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub3-8:hover) .zoom-thumbnail3{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub3-8:hover) .zoom-thumbnail3 div{
			 visibility: visible; 
 opacity: 1; 
}
				.zoom-thumbnail4{
				width: 250px;
			height: 150px;
			display: flex;
			z-index:8;
			transition: 0.5s;
				margin-top: 100px;
				transition: 0.5s;
}
.zoom-thumbnail4:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.zoom-thumbnail4:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.zoom-thumbnail4:hover) .button-sub4-8{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub4-8:hover) .zoom-thumbnail4{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub4-8:hover) .zoom-thumbnail4 div{
			 visibility: visible; 
 opacity: 1; 
}
					.zoom-thumbnail5{
					width: 250px;
				height: 150px;
				display: flex;
				z-index:7;
				transition: 0.5s;
					margin-top: 100px;
				transition: 0.5s;
}
.zoom-thumbnail5:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.zoom-thumbnail5:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.zoom-thumbnail5:hover) .button-sub5-8{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub5-8:hover) .zoom-thumbnail5{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub5-8:hover) .zoom-thumbnail5 div{
			 visibility: visible; 
 opacity: 1; 
}
						.zoom-thumbnail6{
						width: 250px;
					height: 150px;
					display: flex;
					z-index:6;
					transition: 0.5s;
						margin-top: 100px;
				transition: 0.5s;
}
.zoom-thumbnail6:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.zoom-thumbnail6:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.zoom-thumbnail6:hover) .button-sub6-8{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
	 }
body:has(.button-sub6-8:hover) .zoom-thumbnail6{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub6-8:hover) .zoom-thumbnail6 div{
			 visibility: visible; 
 opacity: 1; 
}
							.zoom-thumbnail7{
							width: 250px;
						height: 150px;
						display: flex;
						z-index:5;
						transition: 0.5s;
							margin-top: 100px;
				transition: 0.5s;
}
.zoom-thumbnail7:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.zoom-thumbnail7:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.zoom-thumbnail7:hover) .button-sub7-8{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub7-8:hover) .zoom-thumbnail7{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub7-8:hover) .zoom-thumbnail7 div{
			 visibility: visible; 
 opacity: 1; 
}
								.zoom-thumbnail8{
								width: 250px;
							height: 150px;
							display: flex;
							z-index:4;
							transition: 0.5s;
								margin-top: 100px;
				transition: 0.5s;
}
.zoom-thumbnail8:hover{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
.zoom-thumbnail8:hover div{
		 visibility: visible; 
 opacity: 1; 
}
body:has(.zoom-thumbnail8:hover) .button-sub8-8{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
body:has(.button-sub8-8:hover) .zoom-thumbnail8{
	cursor: pointer;
	transform: scale(1.3) translateY(-50px)translateX(50px);
}
body:has(.button-sub8-8:hover) .zoom-thumbnail8 div{
			 visibility: visible; 
 opacity: 1; 
}
													.zoom-thumbnail9{
													width: 250px;
												height: 150px;
												display: flex;
												z-index:3;
												transition: 0.5s;
													margin-top: 100px;
									transition: 0.5s;
					}
					.zoom-thumbnail9:hover{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					.zoom-thumbnail9:hover div{
							 visibility: visible; 
					 opacity: 1; 
					}
					body:has(.zoom-thumbnail9:hover) .button-sub9-8{
							color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
					}
					body:has(.button-sub9-8:hover) .zoom-thumbnail9{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					body:has(.button-sub9-8:hover) .zoom-thumbnail9 div{
								 visibility: visible; 
					 opacity: 1; 
					}
																		.zoom-thumbnail10{
													width: 250px;
												height: 150px;
												display: flex;
												z-index:1;
												transition: 0.5s;
													margin-top: 100px;
									transition: 0.5s;
					}
					.zoom-thumbnail10:hover{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					.zoom-thumbnail10:hover div{
							 visibility: visible; 
					 opacity: 1; 
					}
					body:has(.zoom-thumbnail10:hover) .button-sub10-8{
							color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
					}
					body:has(.button-sub10-8:hover) .zoom-thumbnail10{
						cursor: pointer;
						transform: scale(1.3) translateY(-50px)translateX(50px);
					}
					body:has(.button-sub10-8:hover) .zoom-thumbnail10 div{
								 visibility: visible; 
					 opacity: 1; 
					}

					.subtopics-8{
	margin-top:-110px;
	margin-left: 55px;
	width:90%;
	height:auto;
	position: relative;


}
.button-sub1-8 {
				  color: rgba(0, 0, 0, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
}
.button-sub1-8:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
		.button-sub2-8 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
	}
	.button-sub2-8:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
				.button-sub3-8 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
		}
		.button-sub3-8:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					.button-sub4-8 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
			}
			.button-sub4-8:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					.button-sub5-8 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
						}
						.button-sub5-8:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
						.button-sub6-8 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
					}
					.button-sub6-8:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
					  	.button-sub7-8 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
						}
						.button-sub7-8:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
						  	.button-sub8-8 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
							}
							.button-sub8-8:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
										.button-sub9-8 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
										}
										.button-sub9-8:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
										.button-sub10-8 {
				  color: rgba(0, 0, 0, 1.0);
  					border: 1px solid rgba(0, 0, 0, 1.0);
					  font-family: courier-new;
					  font-weight: normal;
					  font-size: 12pt;
					  border-radius: 0px;
					  padding: 8px 10px;
					  margin:10px;
					  text-decoration: none;
					  line-height: 18px;
					  text-align: justify;
										}
										.button-sub10-8:hover{
		color: rgba(0, 0, 0, 1.0);
	 border: 1px solid rgba(0, 0, 0, 0.0);
	   background-color: rgba(255, 255, 255, 0.2);
}
.Lbutton8{
	position: relative;
		margin-top: -545px;
	text-align: left;
		z-index: 15;
		width:100px;
		height:200px;
}
.Rbutton8{
	position: relative;
	margin: -180px 0 0 auto;
text-align: right;
		z-index: 15;
			width:100px;
		height:200px;
}


#eventsnav{
	height:2400px;
 	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.0),rgba(134, 232, 88, 1.0) /*green*/,rgba(134, 232, 88, 1.0) /*green*/,rgba(255, 255, 255, 1.0)) 
}

.event-container{

	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid template-rows: repeat(2,1fr);
	width: 70%;
	align-items: center;
	justify-content: center;
	justify-items: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	height: auto;
	margin-bottom: 50px;


}

.event-box{
	width: 320px;
	height:615px;
	border: 1px solid rgba(0, 0, 0, 1.0);
	border-radius: 50px;
	background-color: rgba(255, 255, 255, 0.4);
	display: block;
	margin:30px;
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.0));
	  box-shadow: 5px 3px 4px 1px rgba(0, 0, 0, 0.2), 3px 5px 4px 1px rgba(0, 0, 0, 0.2)
}
.event-box2{
	width: 320px;
	height:615px;
	border: 1px solid rgba(0, 0, 0, 1.0);
	border-radius: 50px;
	background-color: rgba(255, 255, 255, 0.4);
	display: block;
	margin:30px;
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.0));
	  box-shadow: 5px 3px 4px 1px rgba(0, 0, 0, 0.2), 3px 5px 4px 1px rgba(0, 0, 0, 0.2);
	  opacity: 0;
}
.green-bar{
	position: relative;
text-align: center;
margin-top: 30px;
}
.event-date{
	font-family: vcrmono;
	font-size: 20pt;
	text-align: center;
	margin-top: -38px;
	letter-spacing: 1pt;
}
.event-img{
		position: relative;
text-align: center;
margin-top: 30px;
}
.event-info{
			position: relative;
text-align: center;
margin-top: 30px;

}

.event-title{
	font-family: vcrmono;
	font-size: 17pt;
	line-height: 17pt;
	text-align: left;
		position: relative;
		margin-left: 29px;
		width:260px;
		margin-top: -20px;
}
.hor-line{
	width: 260px;
	border-bottom: 1px solid rgba(0, 0, 0, 1.0);
	text-align:center;
	margin:auto;
	height:0px;
	padding-bottom: 10px;
}
.event-details{
	font-family: courier-new;
	font-size: 10pt;
	line-height: 11pt;
	text-align: center;
		position: relative;

		padding-top: 10px;
		height:20px;

		margin-left:35px;
		margin-right:35px;


}
.more-info a{
		font-family: courier-new;
	font-size: 10pt;
	text-align: center;

	text-decoration: underline;
	color: rgba(0, 0, 0, 1.0);
bottom:25px;
	width: 30%;
	position: absolute;
	left:110px;
}
.more-info a:hover{
	font-family: courier-bold;

}

.year-line{
		width: 660px;
	border-bottom: 3px solid rgba(0, 0, 0, 1.0);
	height:0px;
	position: absolute;
margin-left: 86px;
margin-top: 40px;
}
.year-line2{
		width: 660px;
	border-bottom: 3px solid rgba(0, 0, 0, 1.0);
	height:0px;
	position: absolute;
right:86px;
margin-top: -18px;
}
.year{
	font-family: vcrmono;
	font-size: 40pt;
	position: relative;
	margin:auto;
	top:10px;
	text-align: center;
}

#merchandise{
	height:900px;
 	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.0),rgba(255, 211, 58, 1.0) /*yellow*/, rgba(255, 255, 255, 1.0));

}
.merchandise-title{
	position: relative;
	top: 50px ;
	text-align: center;

}
.merch-img{
	margin-left:20px;
	margin-right: 20px;
	margin-top:120px;
}
.merch-img4{
	margin-left:20px;
	margin-right: 20px;
	margin-top:70px;
}
.ei-website a{
		position: relative;
	top: 100px ;
	text-align: center;
	font-family: courier-new;
	font-size: 20pt;
	background-color: rgba(134, 232, 88, 1.0);
	border: 1px solid rgba(0, 0, 0, 0.0);
	border-radius: 30px;
	padding:10px 20px;
	width: 500px;
	left:39%;

	color: rgba(0, 0, 0, 1.0);
}

.ei-website a:hover{
text-decoration: underline;
-webkit-filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 1));
}

.ei-website a:link{
	text-decoration: none;
}

.ei-website a:visited{
text-decoration: none;
}
.footer{
	height:180px;
 	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.0), rgba(255, 87, 148, 1.0)/*magenta*/);
bottom:0;
width:100%;

}
.socials-icon2{
	padding-right: 15px;
}

.foot-icon{
	position: relative;
	height: 50px;
	bottom: -75px;
	text-align: center;
	margin-right:20px;
	left:15px;

}
.copyright{
	position:relative;
	bottom:-90px;
	text-align: center;
	font-family: vcrmono;
	letter-spacing: 1px;
	color: rgba(255, 255, 255, 1.0);
	font-size: 12px;
}