.author-name {
  letter-spacing: 0.3em;
}

.icon {
  margin-left: auto;
  margin-right: auto;
  width: 150px;
  height: 150px;
  display: block;
}

.icon-credit {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: white;
}

.icon-credit a {
  color: white;
  text-decoration: underline;
}

.twitter {
  margin-top: -15px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: white;
}

.twitter a {
  text-decoration: underline;
  color: white;
}

.hero {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: rgba(237,109,61,255);
  color: white;
  margin-bottom: 30px;
}

.introduction {
  margin-top: 20px;
  margin-bottom: 20px;
}

.introduction p {
  line-height: 200%;
  margin-bottom: 15px;
  margin-top: 15px;
}

.row {
  max-width: 500px;
}

@media print, screen and (min-width: 40em)
{
  .grid-container {
    padding-right: 10rem;
    padding-left: 10rem;
  }
}

.work-capsule {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  padding:15px;
}

.work-etc {
  margin-bottom: 20px;
}