#about {
  columns: 2;
}
.profile {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 90%;
  margin: 20px auto;
  padding: 10px 20px;
  break-inside: avoid;
  justify-content: space-evenly;

  background-color: var(--d-green);
}
.profile a {
  background-color: var(--orange);
  color: var(--black);
}
.profile a:hover {
  background-color: var(--black);
  color: var(--orange);
}
.profile > hgroup {
  margin: 0 10px;
  text-align: center;
}
.profile hgroup h1 {
  margin: 5px;
  font-size: larger;
}
.profile hgroup h2 {
  margin: 5px;
  font-size: medium;
}
.profile hgroup h3 {
  margin: 5px;
  font-size: large;
}
.bio {
  width: min(100%, 500px);
  margin: auto;
}

.profile p {
  padding: 5px 10px;
}
.profile img {
  width: 250px;
  object-fit: cover;
  object-position: center;
}

@media only screen and (max-width: 1100px) {
  #about {
    columns: 1;
  }
}