.dm-serif display-regular {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: normal;
}

.dm-serif display-regular-italic {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: italic;
}



body{
	background-color:rgba(251, 235 ,150, 1);
	color:rgba(42,51,131,1);
	font-family: DM Serif Display;
	font-size: 20px;
	max-width:100vw;
	margin-left:100px;
	margin-right:100px;
	}
hr{border-style: none}

a{color:rgba(42,51,131,1);
	text-decoration:none;
	font-weight: 1000;
	}

#top a{color:rgba(251, 235 ,150, 1);
	text-decoration:none;
	}
#top a:hover{color:white;}


a:hover{color:white;}




.hindex{color:rgba(42,51,131,1);
	font-family: DM Serif Display;
	font-size:40px;
	margin-left:40px;
	margin-top:30px;
	font-weight: 700;
}



.recipes.bg{
	background-color:black;
	}


.top {
	width: 95%;
	height: 60px;
	margin: 0 auto;
	background-color:rgba(251, 235 ,150, 1);
}

header {
	background-color: rgba(251, 235 ,150, 1);


}

.logo {
	float: left;
	width: 50px;
	height: auto;
	padding-top:20px;
}

nav {
	float: right;
}

nav ul{
	list-style:none;
}

nav li{
	display:inline-block;
	margin-left:70px;
	padding-top:10px;
}

nav a{
	color:rgba(32,38,117,1);
	text-decoration: none;
	font-family: DM Serif Display;
	font-size: 20px;
}




.banner{
	background-color:rgba(251, 235 ,150, 1);
	height:700px;
	padding-top:200px
}

.biglogo{
	float:center;
	padding-left:100px;
	padding-right:100px;
	padding-bottom:150px;
}

.about{
	background-color:rgba(227,148,114,1);
	height:auto;
	width:100%;
	color:rgba(42,51,131,1);
	font-family: DM Serif Display;
	font-size: 20px;
	padding-top:20px;
	border-radius:30px;	
	margin-bottom:40px;
}

.recipemenu{
	background-color:rgba(153,173,110,1);
	height:auto;
	width:100%;
	color:rgba(42,51,131,1);
	font-family: DM Serif Display;
	font-size: 20px;
	padding-top:30px;
	border-radius:30px;
	padding-bottom:20px;
}

.footer{background-color:rgba(179,203,241,1);
	height:auto;
	width:100%;
	border-radius:30px;
	}

.footercontainer{width:100%;
				height:50px;
				padding-bottom:50px;

}

.footertext {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: normal;
  font-size:20px;
  margin:40px;
  padding-top:20px;
  padding-bottom:20px;
  text-align: center;
}




.outercontainer {
	display:flex;
}
	
.innercontainer {
		width:50%;
		display:flex;
		flex-direction:column;
		margin:40px;
}

.container1{
	background-color:rgba(251, 235 ,150, 1);
	height:300px;
	padding-top:120px;
}


.recipetitle{
	float:center;
	padding-left:100px;
	padding-right:100px;
}

.container2{
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	align-items:center;
	background-color: rgba(251, 235 ,150, 1);
	height:450px;
}


.container3{
	background-color:rgba(42,51,131,1);
	padding:3px;
	border-top-right-radius: 30px;
	border-top-left-radius:30px;

}

.item-1{
	height:400px;
	width:280px;
	background-image: url(blackbeansalad.jpg);
	background-size:cover;
	background-position: center;
	border-radius:30px;
	margin-top:50px;
	margin-left:30px;
	margin-right:30px;
	color:rgba(251, 235 ,150, 1);
	font-family: DM Serif Display;
	font-size: 30px;
	text-align:center;

}

.item-2{
	
	height:400px;
	width:280px;
	background-image: url(eggplantlasagna.jpg);
	background-size:cover;
	background-position: center;
	border-radius:30px;
	margin-top:50px;
	margin-left:30px;
	margin-right:30px;
	font-family: DM Serif Display;
	color:rgba(251, 235 ,150, 1);
	font-size: 30px;
	text-align:center;
}

.item-3{

	height:400px;
	width:280px;
	background-image: url(wildricesoup.jpg);
	background-size:cover;
	background-position: center;
	border-radius:30px;
	margin-top:50px;
	margin-left:30px;
	margin-right:30px;
	font-family: DM Serif Display;
	color:rgba(251, 235 ,150, 1);
	font-size: 30px;
	text-align:center;
}

.item-4{

	height:400px;
	width:280px;
	background-image: url(meatballs.jpg);
	background-size:cover;
	background-position: center;
	border-radius:30px;
	margin-top:50px;
	margin-left:30px;
	margin-right:30px;
	font-family: DM Serif Display;
	color:rgba(251, 235 ,150, 1);
	font-size: 30px;
	text-align:center;
}

.item-5{
	height:400px;
	width:280px;
	background-image: url(udon.webp);
	background-size:cover;
	background-position: center;
	border-radius:30px;
	margin-top:50px;
	margin-left:30px;
	margin-right:30px;
	font-family: DM Serif Display;
	color:rgba(251, 235 ,150, 1);
	font-size: 30px;
	text-align:center;
}

.caption{color:rgba(42,51,131,1);
	font-family: DM Serif Display;
	font-size: 15px;
	text-align:center;
	padding-top:50px;
}


.headercontainer{display:flex;
	flex-direction:row;
	justify-content: space-between;
	align-items:center;
	background-color: rgba(153,173,110,1);
	height:auto;
	width:auto;
	margin-top:50px;
	border-radius:30px;
}

.titlecontainer{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:left;
	height:50%;
	width:50%;
	background:pink;
}

.subtitlecontainer{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:left;
	height:50%px;
	width:100%;
}

.recipeimagebean{
	height:400px;
	width:auto;
	background-image: url(blackbeansalad.jpg);
	background-size:cover;
	border-radius:30px;
	background-position: center;
}

.recipeimagelasagna{
	height:400px;
	width:auto;
	background-image: url(eggplantlasagna.jpg);
	background-size:cover;
	border-radius:30px;
	background-position: center;
}

.recipeimagesoup{
	height:400px;
	width:auto;
	background-image: url(wildricesoup.jpg);
	background-size:cover;
	border-radius:30px;
	background-position: center;
}

.recipeimagemeatballs{
	height:400px;
	width:auto;
	background-image: url(meatballs.jpg);
	background-size:cover;
	border-radius:30px;
	background-position: center;
}

.recipeimageudon{
	height:400px;
	width:auto;
	background-image: url(udon.webp);
	background-size:cover;
	border-radius:30px;
	background-position: center;
}

.textcontainer{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:left;
	height:100%px;
	width:50%;
	margin:50px;
}



.recipecontainer{display:flex;
	flex-direction:column;
	justify-content: space-around;
	align-items:left;
	background-color: rgba(179,203,241,1);
	height:auto;
	width:60%;
	border-radius:30px;
	padding:30px;
	margin-right: 20px;
}

.notescontainer{display:flex;
	flex-direction:column;
	justify-content: space-around;
	align-items:left;
	background-color: rgba(227,148,114,1);
	height:auto;
	width:40%;
	border-radius:30px;
	padding:30px;

}


.bodycontainer
{display:flex;
	flex-direction:row;
	justify-content: space-between;
	align-items:center;
	height:auto;
	margin-top:40px;
	margin-bottom:40px;
	width:100%;
	border-radius:30px;}

.cormorant-garamond-light {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: normal;
  font-size:20px;
}

.linkedphoto{
	width:100%;
	height:auto;
	border-radius:30px;
	margin-top:50px;
	margin-bottom:20px;
	align-items:center;
}

.imagejane{
	height:auto;
	width:50%;
	background-image: url(janephoto.jpeg);
	background-size:cover;
	background-position: center;
	border-radius:30px;
	margin:40px;
}