h1 {
  color: #1F6642;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
section:first-of-type {
  margin-top: 2em;
  margin-bottom: 1em;
}
.person {
  display: grid;
  grid-template-columns: minmax(170px, max-content) auto;
  padding: 24px;
  border: 1px solid #dddddd;
  border-radius: 30px;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .person {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.person img {
  border-radius: 100%;
  object-fit: cover;
  width: 150px;
  height: 150px;
}
@media screen and (max-width: 1024px) {
  .person img {
    margin: 0 auto;
  }
}
.person .info {
  display: flex;
  flex-direction: column;
  gap: 1em;
  align-items: flex-start;
}
.person .info p {
  font-size: 14px;
  font-weight: 400;
  color: #636270;
}
.person .info p:first-of-type {
  font-size: 22px;
  font-weight: 700;
  color: #1F6642;
}
.person .info button {
  border-radius: 80px;
}

.person .info .button {
  border-radius: 80px;
}
.review-section {
  margin-bottom: 0;
}