:root {
  --primary: rgb(161, 222, 224);
  --secondary: rgba(42, 105, 107, 0.97);
}

.navbar-crystal {
  filter: hue-rotate(230deg);
}
.navbar-rose {
  content:url("/images/flower/sproutcyanrose.gif");
}


.blog-post {
  width: 1050px;
  background-color: var(--secondary);
  margin: 50px auto;
  padding: 30px 30px 80px 30px;
  box-shadow: 0px 0px 30px var(--secondary);
  border-radius: 10px;
  clear: both;
  text-justify: inter-word;
  position: relative;
  display: block;
}
@media only screen and (max-width: 1250px) {
  .blog-post {
    margin: 50px 80px;
  }
}
.blog-post headline {
  font-size: 2em;
  color: var(--primary);
  font-family: alagard;
}
.blog-post timestamp {
  position: absolute;
  top: 30px;
  right: 30px;
  margin: 0;
  font-size: 1.1em;
  color: var(--primary);
  font-family: alagard;
  filter: brightness(80%);
}
.blog-post headline::after {
  content: "\a";
  white-space: pre;
}
.blog-post by {
  position: absolute;
  color: var(--primary);
  font-family: alagard;
  font-size: 1.1em;
  bottom: 25px;
  right: 50px;
}