/* -------------------------------------------------------------------- */
/*       CSS modules aggregator                                         */
/*       Include all the files needed for all the pages                 */
/* -------------------------------------------------------------------- */

@import url("variables.css");

/* ----------- CSS Modules ---------- */
@import url("./modules/base.css");
@import url("./modules/layout.css");
@import url("./modules/position.css");
@import url("./modules/nav.css");
@import url("./modules/header.css");
@import url("./modules/footer.css");
@import url("./modules/typography.css");
@import url("./modules/generic.css");
@import url("./modules/graphic-backgrounds.css");
@import url("./modules/background-colors.css");
@import url("./modules/colors.css");
@import url("./modules/outline.css");
@import url("./modules/forms.css");
@import url("./modules/carousel.css");
@import url("./modules/chat.css");
@import url("./modules/loader.css");
@import url("./modules/visibility.css");
@import url("./modules/flexbox.css");

.negative-margins {
  margin: 0 -20px;
}

.testimonial {
  margin: 50px;
}

.testimonial-thumbnail {
  border-radius: 20px;
}

.outline-card {
  outline: 4px solid var(--color-green);
  border-radius: 20px;
  rotate: 10deg;
  transition: all 1s ease;
}

.article:hover .outline-card {
  rotate: -10deg;
}

.hr-animated {
  height: 1px;
  background-color: var(--bg-color-green);
  width: 0;
  margin: -15px 0 15px 0;
  transition: all 1.5s ease;
}

.article:hover .hr-animated {
  width: 100%;
}