/* src/main/webapp/modules/mod-about/about.css */
.about {
  background-color: #fff;
  padding: var(--gap);
}
.about__title {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: var(--color-primary-3);
  display: flex;
  align-items: center;
  gap: var(--gap);
}
.about__subtitle {
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: var(--color-primary-0);
}
.about__content {
  overflow-x: hidden;
}
.about__content a {
  display: inline-block;
  color: var(--color-complement-4);
}
.about__content a:hover {
  color: #fff;
  background-color: var(--color-complement-4);
}
.about__footer mark,
.about__footer time {
  background-color: var(--color-complement-1);
  font-weight: bold;
}
@media (min-width: 44em) {
  .about {
    padding: var(--gap2);
  }
  .about__title {
    font-size: 2rem;
    line-height: 3rem;
  }
  .about__subtitle {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
}
@media (min-width: 76em) {
  .about__title {
    font-size: 2.2rem;
    line-height: 3.2rem;
  }
  .about__subtitle {
    font-size: 2rem;
    line-height: 3rem;
  }
}
/*# sourceMappingURL=about.css.map */