styles.css

.detail-not-applicable {
  cursor: help;
  color: rgba(0, 0, 0, 0.5);
}

.member {
}

.member-body {
  padding: 15px;
  margin: 0;
  text-align: center;
}

.member-name {
  font-weight: bold;
}

.member-details {
  font-size: 0.9em;
}

.member-job {
  margin-bottom: 0;
  font-style: italic;
}

.member-header {
  display: block;
  text-align: center;
  padding: 15px;
}

.member figure {
  margin: 0;
  position: relative;
}

.member-photo {
  background: rgba(200, 200, 200, 0.1);
  border-radius: 100%;
  display: block;
  object-fit: cover;
  height: 100%;
  width: 100%;
  transition: filter 400ms;
}

.member-photo:focus,
.member-photo:hover,
a:focus > figure > .member-photo,
a:hover > figure > .member-photo {
  filter: opacity(0.6);
}

.member-contact-info {
}

.member-email,
.member-phone,
.member-mobile {
  margin-bottom: 0;
  padding-bottom: 0;
}

.member-email > :first-child,
.member-phone > :first-child,
.member-mobile > :first-child {
  margin-right: 0.5em;
}

.team {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 50px;
  justify-content: center;
  margin-bottom: 2em;
}

.team-name {
  display: block;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2em;
}