body {
    /*background-image: url("https://images.pexels.com/photos/998641/pexels-photo-998641.jpeg");*/
    
    background-image: url(https://images.unsplash.com/photo-1534796636912-3b95b3ab5986?fm=jpg&q=60&w=3000&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8c3RhcnJ5JTIwc2t5fGVufDB8fDB8fHww);
    background-attachment: fixed; 
    background-size: 100% 100%;
    color: white;
  }
  
/* ----------------------------------------------------- */
/*               Main BLOG SECTION                       */
/* ----------------------------------------------------- */

.main-container {
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center; 
 background-color:green;
}

.main-blog-header {
  display:flex;
  flex-direction:row;
  background-color:green;
  width:75%;
  justify-content:center;
  color:black;
  background-size: 100%;
  border-style:solid;
  border-color:white;
  border-width:5px;
  font-size: 150%;
}

.main-blog-sidebar {
 display:flex;
 flex-direction:column;
 background-color:#9DD433;
 width:20%;
 border-color:white;
 border-width:0px;
 border-style:solid;
}

.main-blog-sidebutton {
  display:flex;
  flex-direction:row;
  background-color:#A1F0A6;
  border-color:#04820C;
 border-width:5px;
 border-style:groove;
 width:75%;
 justify-content:center;
 color:black;
 text-decoration: none;
}

.main-blog-sidebutton:hover {
  display:flex;
  flex-direction:row;
  background-color:#04820C;
  border-color:#A1F0A6;
 border-width:5px;
 border-style:groove;
 width:75%;
 justify-content:center;
 color:black;
 text-decoration: none;
}

/* ----------------------------------------------------- */
/*                    BLOG SECTION                       */
/* ----------------------------------------------------- */

.blog-container{
  outline-style:solid;
  outline-color:violet;
  outline-width:10px;
  position: relative;  
  }

.blog-homebar-button{
  display:flex;
  background-color:#d8e4fc;
  border-style:groove;
  border-color:#6495ED;
  padding:5px;
  border-width:5px;
  color:black;
  text-decoration: none;
  margin-top:0.5%;
  margin-bottom:0.5%;
}

.blog-homebar-button:hover{
  display:flex;
  background-color:#6495ED;
  border-style:groove;
  border-color:#d8e4fc;
  padding:5px;
  border-width:5px;
  color:white;
  text-decoration: none;
  margin-top:0.5%;
  margin-bottom:0.5%;
}

.blog-homebar-div{
 display:flex;
 background-image: url(https://images.pexels.com/photos/53594/blue-clouds-day-fluffy-53594.jpeg);
 background-attachment: fixed; 
 background-size: 100% 100%;
 border-style:solid;
 border-color:#6495ED;
 border-width:5px;
 border-radius:5px;  
 padding:0%;
 width:75%;
 gap:0.5%; 
 
}
.blog-sidebar{
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#6495ED; 
  color:black;
  width:10%;
  font-size: 80%;
}

.blog-header {
  display:flex;
  justify-content:center;
  background-image:url(\temp-header-background.jpg);
  color:#6495ED;
  width:75%;
  border-style:solid;
  border-color:#6495ED;
  border-width:5px;
  border-radius:5px;  
  
}

.blog-footer {
  background-color:black;
  display:flex;
  width:75%;
  flex-wrap:wrap;
  border-style:solid;
  border-color:#6495ED;
  border-width:5px;
  border-radius:5px;  
}