.vollkorn-normal {
  font-family: "Vollkorn", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body{
  display: flex;
  justify-content: space-evenly;
  font-family: Verdana, Geneva, serif;
  }
#foodjournal{
  background-image: url("foodjournalbg.png");
  background-repeat: repeat;
}  
.website{
  display: grid;
  grid-template-areas:
  "header"
  "other-content";
  border: 1px solid #000000;
  border-radius: 10px;
  }

.header{
  grid-area: header;
  height: 125px;
  } 
.header img{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  }
  
.other-content{
  grid-area: other-content;
  display:grid;
  width: 810px;
  grid-template-rows: fit-content(500px) fit-content(200px) 72px;
  grid-template-columns: 175px 400px 235px ;
  grid-template-areas:
  "sidebar blog blog"
  "sidebar blog blog"
  "footer footer footer";
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FFB6E3;
  }

section{
  border: 1px solid #000000;
  padding: 5px;
  margin: 5px;
  border-radius: 10px;
  background-color: white;
  }

.sidebar{
  grid-area: sidebar;
  padding: 0px 14px 14px 14px;
  }
.sidebar h4{
  font-size: 20px;
  margin-block-start: 10px;
  margin-block-end: 10px;
  }

.blog{
  grid-area: blog;
  padding: 0px 15px 15px 15px;
  }
.blog-title h1{
  font-size: 36px;
  margin-block-end: 0px;
  }
.blog-title p{
  font-size: 20px;
  margin-block-start: 5px;
  }

.blog-list section{
  border: 1px solid #000000;
  border-radius: 3px;
  background-image: linear-gradient(to bottom, white, #ffd1ed);
  padding: 10px;
  font-size: 18px;
  }
  
  
.blog-img{
  margin: 0px 100px;
  }
  
.footer{
  grid-area: footer;
  text-align: center;
  }