/* title */
.title {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1em !important;
}

/* subtitle */
.subtitle {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

/* heading, subtitle, and blurb */
.entity-contents {
  text-align: center !important;
  padding: 0 2em 0 2em;
}

/* blurb */
.about-contents {
  padding: 0 2em !important;
}

/* social links: block of links */
.about-entity .about-links {
  justify-content: center !important;
  column-gap: 0em !important;
  font-size: 1.2em !important;
}

/* social links: individual links */
.about-entity .about-link {
  padding: 0.25em 0.25em !important;
  border: none !important;
}

/* icon colors — match about page */
.about-entity a.about-link {
  color: #A23E02 !important;
  transition: color 0.2s ease;
}

.about-entity a.about-link:hover {
  color: #D96E34 !important;
}

[data-bs-theme="dark"] .about-entity a.about-link {
  color: #D96E34 !important;
}

[data-bs-theme="dark"] .about-entity a.about-link:hover {
  color: #f0a070 !important;
}

/* Learn More About Me */
.about-links.subtitle {
  font-size: 1em !important;
  justify-content: center !important;
}

/* image */
.about-image,
img.about-image {
  margin-top: -2em;
  padding: 0 2em 0 2em;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 50% !important;
  object-fit: cover;
}

/* entity wrapper */
.about-entity {
  background: none !important;
  background-color: transparent !important;
}

/* page background */
.quarto-about-solana {
  background: none !important;
  background-color: transparent !important;
}

#quarto-content {
  background: none !important;
  background-color: transparent !important;
}

/* mobile query for screens up to ~992px wide */
@media screen and (max-width: 991.98px) {
    .entity-contents {
      order: 2 !important;
      margin: -4em 0 0 0 !important;
      padding: 0 !important;
      text-align: center !important;
    }

    .subtitle {
      text-align: center !important;
    }

    .about-entity .about-links {
      justify-content: center !important;
      font-size: 1em !important;
    }

    .about-contents {
      padding: 0 !important;
    }

    .about-links.subtitle {
      justify-content: center !important;
    }

    .about-image {
      order: 1 !important;
      padding: 0 2em !important;
    }
}