h1 {
    text-align: center;
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    font-weight: normal;
	color:lightgoldenrodyellow
}

.blueback{
	background-image: url("images/lightbluebackground.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
}



body {
	background-color: lightskyblue;
	margin: 0px; 
	padding: 0px;
}

p{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color:lightgoldenrodyellow;
}


h2{
	text-align:center;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	color: cornflowerblue;
}


ol{
	text-align: center;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color:cornflowerblue
}

.biggerText{
	font-size: 20px;
}

	

.flavor{
	display: flex;
	justify-content: center;
	
}	
	


.depth{
	background-color:cornflowerblue;
	margin: 0px; 
	padding-top: 10px; 
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;

}

ol img:hover{
	border-color: cornflowerblue;
	border: solid;
}




.web a:link{
	color:lightgoldenrodyellow; text-decoration:none;
}


.web a:hover{
	 text-decoration:underline;
}

.web{
	font-size: 20px; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"
}

.flexContainer{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-content:flex-start;
	align-items: flex-start;
}

.flexContainer img{
	max-width: 50%;

}