#quarto-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* title */
.title {
  color: #516DB0;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1em !important;
}

/* subtitle + Learn More About Me */
.subtitle {
  font-family: "Fraunces";
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

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



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

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

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

/* Learn More About Me */
.about-links.subtitle {
  font-size: 1em !important;
  font-family: "Commissioner";
  justify-content: flex-end !important;
}

/* image */
.about-image {
  margin-top: -1.5em;
  padding: 0 2em 0em 0;
  
}

/*
  1. Add this new rule.
  This removes the default browser spacing from the
  new <figure> wrapper so it doesn't add extra gaps.
*/
figure {
  margin: 0;
}

/*
  2. This is your updated caption rule.
  It's now inside the <figure> with the image.
*/
.mycaption {
  /* Aligns text to the right */
  text-align: right;

  /* This matches the padding of your .about-image rule */
  padding-right: 3em; 
  
  /* .small and .text-muted styles */
  font-size: 0.7em;
  color: #6c757d; /* Standard muted color */
  
  /* Space between image and caption */
  margin-top: 10px;
}


.quarto-about-solana {
  padding-top: 6em;
  padding-bottom: 6em;
}




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

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

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

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

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

    /* move image up, adjust padding */
    .about-image {
      order: 1 !important;
      padding: 0 2em 0 2em !important;
    }
}