@font-face {
	font-family: 'MoonDance-Regular';
	src: url(MoonDance-Regular.ttf);
}
@font-face {
	font-family: 'ComicRelief-Bold';
	src: url(ComicRelief-Bold.ttf);
}
	head {
    letter-spacing: 0.5em;
    word-spacing: 1em;
    line-height: 1;
}

h1 {
	font-family: MoonDance-Regular;
	text-align: center;
	word-spacing: .1em;
	line-height: 55px;
	font-size: 65px;
	color: #ffb5b5;
}
h2{
	color: #812d2d;

}
h3{
	color: #812d2d;
}
main {
	background: white;
	border: 5px;
	border-left-style: dashed;
	border-right-style: dashed;
	border-right-color: #ffb5b5;
	border-left-color: #ffb5b5;

	padding: 2%;
	max-width: 80vw;
	position: center;
	
	margin-left: auto;
    margin-right: auto;
		margin-bottom: 4pc;

	overflow-x: auto;
	text-align: center;
}
body {
	background-image: url(img/Egg.gif);
	font-size: 125%;
	font-family: ;
    background-repeat: repeat;

	display: flex;
	flex-flow: column;


}
img{
	size: auto;
}
section h2{
	margin-left: 2pc;
}
aside img{
	display: block;
}
p {
	margin: 29px;
	text-align: center;
}
nav{
	
	display: flex;
	justify-content: space-evenly;
	margin-left:  auto;
	margin-right: auto;
	border-bottom: #812d2d solid;
}
	nav a {
		border-style:dashed;
		background-color: rgb(247, 245, 244);
		border-color: #ffb5b5;
		text-decoration: none;
		padding: 15px;
		display: block;
		text-align: center;
	}
	nav li{
		display:inline-block;
		margin: 1pc;
	}
.gallery{
	display:inline-block;

	margin: 15px;
	width: 200px;
}
.gallery img{
	width: 65%;
	height: auto;

}
#content{
    background-color: #ffffff;
    margin:2pc;
    padding: ;
}
#eggList{
	display: flex;
	flex-flow: row;
	padding: .2%;
}
	.icon img{
		max-width: 60%;
	}
.charInfo {
	display: flex;
	margin-left:  2pc;
	margin-right: 2pc;

}
	.charInfo p{
		max-width: 50%;

	}
	.charInfo img{
		max-width: 40%;

	}	
button{
    height: 200px;
	cursor: pointer;
    
}
.blank{
	position: center;

}
#eggBox{
	display: flex;
	justify-content: space-evenly;


}
	#eggBox button{
		border: none;
		background: none;
	}
#Pop{
	display: none;
}
#Boingo{
	display: none;
}
#Twinkle{
	display: none;
}
#Peanut{
	display: none;
}