:root {
	--shadowGreen:#40FF00;
	--shadow:#222;
	--linkColor:black;
	--mainHead: #000;
	--accentHead: deeppink;
	--maxHTotalProject:80vh;
	--leftMargin:20vw;
}
@font-face {
	font-family: "shakyHands";
	src: url("../fonts/shakyhands.otf");
}
body {
	font-family: "shakyHands";
	background-color: #fff;
	margin:0;
}
a:link {
	color: var(--linkColor);
}
a:visited {
	color: var(--linkColor);
}
a:hover {
	color: var(--linkColor);
}
a:active {
	color: var(--linkColor);
}
/* ************************************** name header ************************************** */
#name-container{
	top: 30vh;
    position: sticky;
    display: flex;
    justify-content: center;
    color: rgba(0, 0, 0, 0.1);
    font-weight: 800;
    font-size: 10vw;
    width: 100%;
	height: 0vh;
}
#name-container H1{
	margin:0;
}
/* **************************************  header ************************************** */
#page_title_container{
	position: fixed;
    top: 0;
    width: 90vw;
    display: flex;
    flex-direction: row;
    padding: 5vw;
    align-items: center;
    justify-content: space-between;
	z-index: 998;
}
#page_title{
	font-size: 10vw; 
	color:deeppink;
	margin:0;
}
#back_btn{
	font-size: 5vw;
	color:#40FF00;
	text-decoration: none;
	cursor: pointer;
}

#text_container{
	z-index: 10;
	display: block;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color:black;
	
	font-size: large;
	line-height: 1.6;
	border-bottom: 2px solid black;
	border-top: 2px solid black;

	margin-top: 25vh;
	margin-bottom: 10vh;
	padding-top: 2vh;
	padding-bottom: 2vh;
	box-shadow: none;
}
/* ************************************** scroll frame ************************************** */
.scroll-gallery{
	margin-left:5vw;
	width:90vw;
	display: flex;
	flex-direction: column;
	align-items: center
}
/* ************************************** scroll div ************************************** */
.scroll-item {
	box-shadow: 5px 10px 18px var(--shadow);	
	max-width: 100%;
	max-height:70vh;
	/* object-fit: contain;
	position: relative; */
	display: flex;
	margin-bottom:10vh;
	z-index: 999;
}
iframe{
	
	width: 100%;
	height: 50vh;
}