header{
    background-color: rgb(239,228,176);
}

body {
    /* background-color: lavenderblush; */
    /* background-color: rgb(149, 208, 198); */
    background-color: rgb(60,90,132);
}

header{
    margin: 10px;
    margin-top: 5%;
    padding: 40px;
}

#heading{
    font-size: 50px;
}



/* Body of Posts: */
.posts {
    /* background-color: ghostwhite; */
    border: double 3px;
    border-color: ghostwhite;
    padding: 20px;
    width: 40%;
}

.sidebar {
    background-color: lavender;
    padding: 10px;
    border-style: solid;
    border-color: black;
    width: 20%;
}



/* Cursive Script CSS */
.league-script-regular {
  font-family: "League Script", cursive;
  font-weight: 400;
  font-style: normal;
}



/* Flex Containers */
div.flex-container {
  display: flex;
  /* Show the flex items horizontally */
  flex-direction: row;
  justify-content: center;

}

div.flex-container > div {
  margin: 20px;
  text-decoration: black;
}

/* Use media query and show the flex items vertically if screen width is less than 600px */
@media screen and (max-width:600px) {
  div.flex-container {
    flex-direction: column;
  }
}