.text_cell > .prompt {
  visibility: hidden;
}
/* set a max-width for horizontal fluid layout and make it centered */
.body-content {
  margin-right: auto;
  margin-left: auto;
  max-width: 750px;
  /* or 950px */
}
div.output_subarea {
  /* Widens image-containing divs so that image is full body width */
  max-width: 100%;
}
.entry-title {
  font-family: Roboto Slab;
  font-variant: small-caps;
}
.post-entry {
  padding: 20px 0;
  display: flex;
  align-items: center;
}
.post-entry .post-time {
  flex: none;
  margin-right: 70px;
  font-family: monospace;
  font-size: 0.8em;
}
.post-entry .post-time::before {
  content: "\f133";
  font-family: FontAwesome;
  margin-right: 5pt;
}
.post-entry .post-desc {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.post-entry .post-desc .post-title {
  flex: none;
  flex-basis: 100%;
  font-family: Roboto Slab;
  font-variant: small-caps;
  font-size: 1.1em;
  border-bottom: 1px solid;
}
.post-entry .post-desc .post-title a:hover {
  padding: 2px 0px;
}
.post-entry .post-desc .post-tags {
  flex: none;
}
.post-entry .post-desc .post-tags::before {
  content: "\f02c";
  font-family: FontAwesome;
}
.post-entry .post-desc .post-tags .tag {
  display: inline-block;
}
.post-entry .post-desc .post-tags .tag a {
  padding: 0px 8px;
  position: relative;
  box-shadow: 1px 1px 1px;
  font-size: 0.9em;
}
.post-entry .post-desc .post-description {
  flex: none;
  flex-basis: 100%;
  padding-left: 24px;
}
/* For fading in images https://stackoverflow.com/questions/27747970/how-to-make-images-fade-visible-when-im-scrolling*/
/* article img {
   visibility: hidden; 
}*/
.fadeIn {
  -webkit-animation: animat_show 0.8s;
  animation: animat_show 0.8s;
  visibility: visible !important;
}
@-webkit-keyframes animat_show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}