.about-page {
  padding: 2rem 0 4rem;
}
.about-page .about-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.about-page .about-header h1 {
  margin: 0;
}
.about-page .about-header .avatar {
  width: 3.75rem;
  height: 3.75rem;
  position: relative;
  top: 12px;
  right: 4px;
}
.about-page .bio {
  color: #444;
  text-align: justify;
  margin: 0 0 2rem;
}
.about-page .bio p {
  margin: 0 0 1rem;
}
.about-page .bio p:last-child {
  margin-bottom: 0;
}

.social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.social-links a {
  text-decoration: none;
  padding: 0.4rem 1.1rem;
  border: 1px solid #ccc;
  border-radius: 2rem;
  font-size: 0.9rem;
  transition: border-color 0.15s;
}
.social-links a:hover {
  border-color: #1a1a1a;
}