body {
background-image: url("https://images.unsplash.com/photo-1509838174235-432f709c7bfd?fm=jpg&q=60&w=3000&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8YXV0dW1uJTIwd2FsbHBhcGVyfGVufDB8fDB8fHww");
display: flex;

}
.blueberry {
 width: 1200px;
 margin: 0px auto;
 display: grid;
 grid-gap: 10px;
 grid-template-columns: minmax(0, 1fr) minmax(0, 4fr) minmax(0, 1fr);
 background-clip: padding-box;
 padding: 15px;

   
 

}

 header {
  grid-row: 1 / 2;
  grid-column: 1 / 4;
 background-color: white;
  overflow: hidden;
   border-width:5px; 
  border-style:solid;
  border-image: url("https://i.ibb.co/LYSfp26/C9487459-587-E-4-EDC-89-C1-2-B2-F0804-F5-A7.png") 35 round;
  background-clip: padding-box;



}

.header-title {
  font-size: 1.5em;
  font-weight: bold;
  padding: 10px;
  width: 50%;

}

  .header-content img {
vertical-align: sub; 
margin-bottom: 1px;
margin-top: 5px;
padding-left: 10px;

}

.header-content {
  display: flex;
  
}

.last-update {
  font-size: 1em;
  text-align: right;
  margin-top: 5px;
  width: 50%;
  padding: 10px 20px;
  
}

 nav {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  height: auto;
  padding: 10px 10px 10px;
  text-align: center; 
  background-color: white;
   overflow: hidden;
   border-width:5px; 
  border-style:solid;
  border-image: url("https://i.ibb.co/LYSfp26/C9487459-587-E-4-EDC-89-C1-2-B2-F0804-F5-A7.png") 35 round;
  background-clip: padding-box;
  
 }
  
nav li {
border: 2px #e09f4f solid;
border-radius: 10px;
padding: 3px;
background: #ffbf70;
background: linear-gradient(0deg, rgba(255, 191, 112, 1) 0%, rgba(247, 233, 188, 1) 100%);
}

nav a { color: #9e6c2e; }
nav h2 { text-decoration: underline dotted blue 2px; text-underline-offset: 8px; }

.sidebar-section:not(:last-child) {
  margin-bottom: 1.5em;
}

.blueberry ul {
margin: 0;
padding: 0;
list-style: none;

}

.blueberry li {
  margin: 10px 0;
  border-radius: 10px;

}

 main {
  grid-row: 2 / 3;
  grid-column: 2 / 4;
  padding: 5px 15px 5px;
  overflow: hidden;
   border-width:5px; 
  border-style:solid;
  border-image: url("https://i.ibb.co/LYSfp26/C9487459-587-E-4-EDC-89-C1-2-B2-F0804-F5-A7.png") 35 round;
  background-clip: padding-box;
  background-color: white;
   overflow-y: auto;
   display: flex;
  flex-direction: column;


}

.wrapper1 {
  display:flex;
}

.wrapper2 {
  display: flex;
}
.col {
  box-sizing: content-box;
  display: block;
  position: static;
  height: 230px;
  width: 100%;
  flex: 1;
  padding: 10px;
  margin: 10px;
  border: black 2px solid;
  overflow-y: scroll;

}
 footer {
  grid-row: 3 / 4;
  grid-column: 1 / 4;
  display: flex;
  justify-content: center;
  align-items: center;
 overflow: hidden;
   border-width:5px; 
  border-style:solid;
  border-image: url("https://i.ibb.co/LYSfp26/C9487459-587-E-4-EDC-89-C1-2-B2-F0804-F5-A7.png") 35 round;
  background-clip: padding-box;
  background-color: white;
  padding: 10px;
  height: max-content;



}