.read-more {
  line-height: 30px;
  padding: 4px 16px 4px 32px;
  color: #252525;
  font-weight: 500;
  border-radius: 24px;
  margin-bottom: 3px;
  transition: 0.5s ease-in-out;
  display: flex;
  gap: 16px;
  align-items: center; }
  .read-more:hover {
    box-shadow: 0 0 5px #000000d0;
    letter-spacing: 1px; }

#about {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: center;
  margin-top: 32px; }
  #about.full {
    margin-top: 16px;
    width: 100%;
    font-size: 16px;
    line-height: 1.6;
    color: #333; }
    #about.full h1,
    #about.full h2,
    #about.full h3,
    #about.full h4,
    #about.full h5,
    #about.full h6 {
      font-weight: bold;
      margin: 10px 0;
      line-height: 1.3; }
    #about.full h1 {
      font-size: 28px; }
    #about.full h2 {
      font-size: 24px; }
    #about.full h3 {
      font-size: 22px; }
    #about.full h4 {
      font-size: 20px; }
    #about.full h5 {
      font-size: 18px; }
    #about.full h6 {
      font-size: 16px; }
    #about.full p {
      margin: 10px 0; }
    #about.full ul,
    #about.full ol {
      margin: 10px 0 10px 20px;
      padding-left: 20px;
      list-style: initial; }
    #about.full li {
      margin-bottom: 8px; }
    #about.full a {
      color: #0070f3;
      text-decoration: underline; }
      #about.full a:hover {
        color: #0056b3; }
    #about.full blockquote {
      margin: 10px 0;
      padding: 10px 20px;
      background-color: #f0f0f0;
      border-left: 5px solid #ccc;
      font-style: italic; }
    #about.full pre {
      background-color: #f4f4f4;
      padding: 10px;
      border-radius: 5px;
      overflow-x: auto; }
    #about.full code {
      background-color: #eee;
      padding: 2px 5px;
      border-radius: 3px; }
    #about.full strong {
      font-weight: bold; }
    #about.full em {
      font-style: italic; }
  #about .about-min {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center; }
    #about .about-min .title {
      font-size: 24px;
      letter-spacing: 1px; }
    #about .about-min .about-min-info {
      display: flex;
      gap: 24px;
      width: 100%;
      justify-content: space-between;
      align-items: stretch; }
      @media (max-width: 767px) {
        #about .about-min .about-min-info {
          flex-direction: column;
          gap: 16px; } }
      #about .about-min .about-min-info .about-min-image {
        width: 50%;
        max-height: 500px; }
        @media (max-width: 767px) {
          #about .about-min .about-min-info .about-min-image {
            width: 100%;
            max-height: unset; } }
        #about .about-min .about-min-info .about-min-image img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
      #about .about-min .about-min-info .about-min-content {
        width: 50%;
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: center;
        justify-content: space-between; }
        @media (max-width: 767px) {
          #about .about-min .about-min-info .about-min-content {
            width: 100%; } }
        #about .about-min .about-min-info .about-min-content .about-min-text {
          text-align: justify;
          vertical-align: middle;
          line-height: 1.6;
          height: 100%;
          letter-spacing: 0.7px; }

#exhibitions.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  padding-bottom: 16px; }
  #exhibitions.container .exhibitions-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    width: 100%; }
    @media (max-width: 1024px) {
      #exhibitions.container .exhibitions-list {
        gap: 16px; } }
    @media (max-width: 500px) {
      #exhibitions.container .exhibitions-list {
        flex-direction: row;
        justify-content: center; } }
    #exhibitions.container .exhibitions-list .exhibition-card {
      width: calc((100% - 64px) / 3);
      max-width: 300px;
      transition: 0.5s ease-in-out;
      border-radius: 16px;
      box-shadow: 0 0 5px #00000070;
      cursor: pointer; }
      @media (max-width: 1024px) {
        #exhibitions.container .exhibitions-list .exhibition-card {
          width: calc((100% - 32px) / 3); } }
      @media (max-width: 500px) {
        #exhibitions.container .exhibitions-list .exhibition-card {
          width: 100%; } }
      #exhibitions.container .exhibitions-list .exhibition-card h3 {
        margin: 0; }
      #exhibitions.container .exhibitions-list .exhibition-card .card-body {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        gap: 8px;
        padding-bottom: 16px;
        border-radius: 16px;
        width: 100%; }
      #exhibitions.container .exhibitions-list .exhibition-card .avatar {
        width: 100%;
        height: 300px;
        border-radius: 16px; }
        #exhibitions.container .exhibitions-list .exhibition-card .avatar img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
      #exhibitions.container .exhibitions-list .exhibition-card .info {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 16px;
        width: 100%; }
        #exhibitions.container .exhibitions-list .exhibition-card .info span {
          font-size: 12px;
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          text-align: center;
          height: 0;
          transition: 0.5s ease-in-out; }
          #exhibitions.container .exhibitions-list .exhibition-card .info span.read {
            text-decoration: underline;
            text-align: center; }
        #exhibitions.container .exhibitions-list .exhibition-card .info h3 {
          font-size: 16px;
          font-weight: 500;
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          text-align: center; }
      #exhibitions.container .exhibitions-list .exhibition-card:hover {
        box-shadow: 0 0 11px #000000b0; }
        #exhibitions.container .exhibitions-list .exhibition-card:hover .info span {
          margin-top: 8px;
          height: 14px; }

/*# sourceMappingURL=about.page.css.map */