@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@500;600&display=swap");
body {
  background-color: hsl(210, 46%, 95%);
}

.generic-card {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 13px;
  border-radius: 12px;
  padding: 25px;
  font-weight: 500;
  display: grid;
  align-items: center;
  align-content: space-evenly;
  color: hsl(219, 29%, 14%);
}
.generic-card .user-box img {
  width: 38px;
  margin-right: 20px;
  border: 2px solid hsl(0, 0%, 81%);
}
.generic-card .user-box img:hover {
  border-color: #ae90df;
}
.generic-card .review-title {
  font-size: 1.25rem;
  font-weight: 600;
}
.generic-card .review-text {
  color: rgba(25, 33, 46, 0.4);
}
.generic-card .verified {
  margin: 0;
  color: rgba(25, 33, 46, 0.5);
  font-weight: 600;
}
.generic-card .author {
  margin: 0;
  font-weight: 600;
}

.card-white {
  background-color: hsl(0, 0%, 100%);
}

.card-violet {
  background-image: url("../images/bg-pattern-quotation.svg");
  background-repeat: no-repeat;
  background-position-x: 80%;
  background-color: hsl(263, 55%, 52%);
  color: hsl(0, 0%, 100%);
}
.card-violet .review-text {
  color: rgba(255, 255, 255, 0.7);
}
.card-violet .verified {
  color: rgba(255, 255, 255, 0.5);
}

.card-grayishblue {
  background-color: hsl(217, 19%, 35%);
  color: hsl(0, 0%, 100%);
}
.card-grayishblue .review-text {
  color: rgba(255, 255, 255, 0.7);
}
.card-grayishblue .verified {
  color: rgba(255, 255, 255, 0.5);
}

.card-blackishblue {
  background-color: hsl(219, 29%, 14%);
  color: hsl(0, 0%, 100%);
}
.card-blackishblue .review-text {
  color: rgba(255, 255, 255, 0.7);
}
.card-blackishblue .verified {
  color: rgba(255, 255, 255, 0.5);
}/*# sourceMappingURL=main.css.map */