body{
	background-color: #1a1a1a;
	font-family: 'Lato', sans-serif;

}

.main-div{
	background-color: #FFFEE3;
	width: 100%;
	height: 100vh;
	padding: 10%
}

.main-photos{
	background-color: #FFFEE3;
	width: 100%;
	height: auto;
	padding: 10%	
}


.text{
	color: #3E3E3E;
}

.mainintro_text{
	font-size: 24px;
	line-height: 36px;
	color: #3E3E3E;
}

.link-div{
	padding: 5%;
	padding-right:10%;
	padding-top: 0%;

}

.intro-div{
	padding: 5%;
	padding-top:0%;
	padding-right:10%;
}



.disabled-text{
	color: #B2B2B2;
}

.medium-text{
	font-size: 18px;
}

.img-custom{
	margin-top: 5%;
}

 mark{
 background-color: #fffff7;
 color: #3E3E3E;
}

.filmcontainer{
	width: 100%;
	min-height: 100vh;
	display: flex;
	gap: 16px;
}

.filmsubcontainer{
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.imageflex{
	width: 100%;
	height: auto;
}

/** { background-color: rgba(255,0,0,.2); }
* * { background-color: rgba(0,255,0,.2); }
* * * { background-color: rgba(0,0,255,.2); }
* * * * { background-color: rgba(255,0,255,.2); }
* * * * * { background-color: rgba(0,255,255,.2); }
* * * * * * { background-color: rgba(255,255,0,.2); }
* * * * * * *{ background-color: rgba(54, 84, 253, 0.24); }
* * * * * * * *{ background-color: rgba(159, 41, 255, 0.253); }
* * * * * * * * *{ background-color: rgba(248, 0, 21, 0.2); }
* * * * * * * * * *{ background-color: rgba(76, 255, 31, 0.253); }
*/