/* shared */
body { 
	background-color: rgb(230, 172, 178); 
}

@font-face { 
	font-family: pixelfont;
	src: url("pixelfont.ttf"); 
}

/* layout */
#btnIntroBox {
	display: grid;
	grid-template-columns: auto 1fr;
	border: 20px;
}

/* button menu */
.button_menu {
	display: flex;
	flex-direction: column;
	background-color: lightcyan; 
	padding: 10px 14px;
	color: white;
	text-align: center;
	text-decoration: none;
	border: 1px solid green; /* Green border */
}

.button {
	background-color: pink;
	font-family: pixelfont;
	color: blue;
	border: none;
	padding: 10px;
	margin-bottom: 5px;
	cursor: pointer;
}

/* intro box */
#allContent {
	font-family: pixelfont;
	color: purple;
	font-size: 20px; 
	outline-style: outset; 
	outline-color: purple; 
	padding: 15px;
	background-color: purple;
}

/* intro text */
#intro {
	display: flex;
	flex-direction: column;
	color: purple;
	background-color: lightcyan;
	text-align: center;
}

/* bio */
#bio {
	outline-style: dotted;
	outline-color: purple;
	padding: 10px;
	margin-top: 10px;
	background-color:lightcyan;
	text-align: center;
}

#allVideos {
	font-family: pixelfont;
	color: lightblue;
	font-size: 10px; 
	outline-style: outset; 
	outline-color: purple; 
	padding: 15px;
	background-color: purple;
	margin-top: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 3px dashed lightblue;
	
	}
	
.videoDiary {
	font-family: pixelfont;
	color: lightblue;
	font-size: 10px;
	padding: 15px;
	background-color: purple;
	border: 3px dashed lightblue;
	width: 250px;
}