/* css styles */

.figure-caption {
  text-align: center;
}

@media (min-width: 992px) {
  .page-columns .column-page {
      padding-left: 1em;
      padding-right: 2.5em;
  }
  div.quarto-about-trestles .about-entity {
    margin-top: 2em !important;
  }
}

/*
Quarto's Tresles layout:
https://github.com/quarto-dev/quarto-cli/src/resources/projects/website/about
/about.scss
*/

/* improve layout of about page on mobile phone */
@media (max-width: 991.98px) {
  div.quarto-about-trestles .about-entity .about-image {
    object-fit: cover;
    margin-top: 3.0em !important;
    margin-bottom: 1.5em !important;
    padding: 0px;
    height: 10em !important;
    width: 10em !important;
  }
  div.quarto-about-trestles .about-entity {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-right: 0em !important;
  }
  div.quarto-about-trestles .about-entity .about-links {
    width: 90% !important;
    flex-flow: wrap !important;
    row-gap: 0.1em !important;
  }
  div.quarto-about-trestles .about-entity .about-link {
      font-size: 1.1em;
      padding: 0.5em 0.5em;
      text-align: center;
      border-radius: 6px;
      /*min-width: 40% !important;*/
      flex-grow: 100;
      margin: 5px !important;
      flex-wrap: wrap !important;
  }
}