App.css

.section .section-heading {
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.section-heading {
  text-align: center;
}
.section-description {
  margin-left: 5%;
  margin-right: 5%;
}
.section-description {
  color: #757575;
  margin-bottom: 4rem;
  margin-left: 15%;
  margin-right: 15%;
  text-align: center;
}
.section img {
  max-width: 100%;
  height: auto;
}

.card.card-cascade.narrower {
  margin-top: 10px;
}
.card.card-cascade {
  width: 100%;
}
.card:not([class*="card-outline-"]) {
  border: 0;
}

.card.card-cascade.narrower .view {
  margin-left: 4%;
  margin-right: 4%;
  margin-top: -20px;
}
.card.card-cascade .view {
  border-radius: 4px;
}
.btn-floating:hover,
.card-overlay,
.card.card-cascade .view,
.colorful-select .dropdown-content li a:hover,
.colorful-select .dropdown-content li span:hover,
.comments-list img,
.modal-dialog.cascading-modal.modal-avatar .modal-header img,
.reply-form img,
.testimonial-carousel .testimonial .avatar img,
.z-depth-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card.card-cascade .card-body {
  padding-top: 1.8rem;
}
.btn .fa,
.card .card-body {
  position: relative;
}

.card .card-body .card-title a {
  color: var(--navBackground) !important;
}

.card .rating {
  color: #ffa000;
}
.rating {
  list-style-type: none;
}
.no-padding .fa,
.rating {
  padding: 0;
}
.rating li {
  display: inline-block;
}
.no-padding .fa,
.rating {
  padding: 0;
}

.card-text {
  line-height: 20px;
  height: 60px;
  overflow: hidden;
}

.card .card-footer {
  background-color: transparent;
}

.card .card-footer .left {
  float: left;
}

.card .card-footer .right {
  float: right;
  display: flex;
}

.card .card-footer .right a.active {
  color: #d50000;
}
.card .card-footer .right a {
  color: #757575;
  margin-left: 1rem;
  transition: 0.4s;
}

.card .card-footer .right a .fa-heart {
  color: #d50000 !important;
}

.card .card-footer .right a .fa-shopping-cart {
  color: rgb(0,0, 0) !important;
}