body {
  background: #fffbee;
  color: #3b752f;
  font-family: ff-meta-serif-web-pro, serif;
  font-weight: 500;
  font-style: normal;
  margin: 0px auto;
  text-align: center;
  width: 297px;
}

h1 {
  color: #be1e2d;
  font-size: 1.5em;
  /* 24px desired / 16px default */
  margin-top: 2em;
  margin-bottom: 0.5em;
  text-align: left;
}

h2 {
  font-style: italic;
  margin-bottom: 1em;
}

hr {
  border: 1px dashed #be1e2d;
}

p {
  margin-bottom: 1em;
  text-align: left;
}

.year {
  margin: 1em 0em;
  text-align: right;
}

a {
  color: #3b752f;
  text-decoration: none;
}

a:hover {
  color: #05B7C8;
}

a img {
  border: 3px solid #c2c2c2;
}

a:hover img {
  border-color: #05B7C8;
}

#intro {
  margin: 2em 0em;
}

.card {
  margin-bottom: 3em;
}