#innerbody {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}


div#index-heading {
  font-size: 8rem;
  font-family: RecoletaBold;
  text-align: center;
}

div#index-subheading {
  font-size: 3rem;
  font-family: Recoleta;
  text-align: center;
  margin-bottom: 2rem;
}

header.index-category {
    display:block;
  text-shadow: unset;
  width:100%;
}

header.index-category > hr {
    margin-left: 0px;
    width: 95%;
    /*color: #adadad*/
    color: #ebd39a;
}

header.index-category > h1 {
    font-family: Recoleta;
    font-weight: bold;
    font-size: 2rem;
    margin-top: 0px;
    margin-bottom: -0.5rem;
}

footer.index-category__footer {
    text-align:center;
}

footer.index-category__footer > a {
    font-family: Lora-Italic;
    text-decoration: underline;
}

div.flex-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

section.flex-section {
    min-width: 26rem;
    width: 1220px;
    margin-left: 60px;
}

section.flex-section > p {
    font-size: 1.2rem;
    margin-right: 3rem;
}

section.flex-section > p > a {
    text-decoration: underline;
}

ul.postlist {
    display: flex;
    flex-wrap: wrap;
    padding-left: 1rem;
}

ul.postlist > li {
    display: block;
    width: 25rem;
}

ul.postlist > li > a {
    margin-right: auto;
    font-family: Recoleta;
    font-size: 1.2rem;
    font-weight: 600;
}

ul.postlist > li > a:hover > * {
    color: #395c6b;
}

div.inline-date {
    display: inline;
    font-family: Fira-Code;
    font-weight: normal;
    color: #522a0088;
}

div.inline-posttitle {
    display:inline;
    font-family: Recoleta;
    text-decoration: underline;
}


article.index-blogpost,
article.index-album {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  max-width: 23rem;
  margin: 1rem;
}

div.image-container {
    width: 100%;
    height: 16rem;
    align-items: center;
    justify-content: center;
}

img.index-blogpost__image,
img.index-album__image {
    height: auto;
    max-width: 100%;
}

div.index-blogpost__contentblock,
div.index-album__contentblock {
  flex: 50%;
  font-size: initial;
}

div.index-blogpost__contentblock>a,
div.index-album__contentblock>a {
    line-height: 1em;
  font-size: 1.2rem;
  font-weight: 600;
}

div.index-blogpost__contentblock>div,
div.index-album__contentblock>div {
  font-size: 1rem;
  font-family: Lora-Italic;
}

div.index-blogpost__contentblock>p,
div.index-album__contentblock>p {
    margin-top: 0.2rem;
    font-size: 1rem;

}