body {
  background-color: #339966;
}

.author-block {
  display: flex;
  flex-direction: row;
  margin-top: 2%;
  margin-left: 15%;
  margin-right: 15%;
}

.author-bio {
  color: white;
  margin-top: 2%;
  margin-left: 3%;
  margin-right: 3%;
}

.separator {
  height: 2px;
  width: 100px;
  border: none;
  box-shadow: none;
  background-color: white;
}

span {
  color: black;
}

.figure {
  display: table;
}

figcaption {
  display: table-caption;
  caption-side: bottom;
  text-align: center;
  font-size: 12px;
}

@media screen and (max-width: 800px) {
  .author-block {
    flex-direction: column;
    align-items: center;
    margin: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 16px;
  }
}