@font-face {
    font-family: 'Great Vibes';
    src: url("/assets/GreatVibes-Regular-022cb8ff.woff2") format('woff2'),
        url("/assets/GreatVibes-Regular-0a88ce32.woff") format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Birthstone';
    src: url("/assets/Birthstone-Regular-49d31cfa.woff2") format('woff2'),
        url("/assets/Birthstone-Regular-b2fd7f82.woff") format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Borel';
    src: url("/assets/Borel-Regular-020d006d.woff2") format('woff2'),
        url("/assets/Borel-Regular-fce9dcb3.woff") format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dongle';
    src: url("/assets/Dongle-Light-6f8b7f80.woff2") format('woff2'),
        url("/assets/Dongle-Light-a64d2b72.woff") format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dongle';
    src: url("/assets/Dongle-Regular-d21c47ed.woff2") format('woff2'),
        url("/assets/Dongle-Regular-3f8fda5b.woff") format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dongle';
    src: url("/assets/Dongle-Bold-7b392b91.woff2") format('woff2'),
        url("/assets/Dongle-Bold-ad290f3c.woff") format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



.product-category-card {
  font-family: 'Great Vibes', Helvetica, sans-serif;
  font-size: 2rem;
}

.navbar-brand {
  font-family: 'Great Vibes', Helvetica, sans-serif;
  font-size: 1.5rem;
}

.credits {
  font-size: 12px;
}

.navbar {
  padding: 2px;
}

.hero-title {
  font-family: 'Great Vibes', Helvetica, sans-serif;
  font-size: 5rem;
  text-shadow: 1px 0px 5px gray;
}

.cart-summary-title {
  font-family: 'Borel', Helvetica, sans-serif;
  font-size: 1.5rem;
}

.home-card-title,
.out-of-stock {
  font-family: 'Great Vibes', Helvetica, sans-serif;
}

.borel {
  font-family: 'Borel', Helvetica, sans-serif;
  font-weight: bold;
  padding-top: 20px;
}

.cart-list-item {
  font-size: .8rem;
  height: 60px;
}

.about-blog {
  line-height: 2;
  opacity: 75%;
  width: clamp(50vw, 750px, 90vw);
}


.about-quote {
  width: clamp(30vw, 450px, 80vw);
}


.chart-control {
  color: rgba(169, 169, 169, 0.6);
}

.chart-control:hover {
  color: rgba(169, 169, 169, 1);
}

.product-title {
  font-family: 'Borel', Helvetica, sans-serif;
  font-weight: bold;
  opacity: 95%;
}

figure {
  font-family: 'Borel', Helvetica, sans-serif;
}
.product-description {
  font-family: 'Borel', Helvetica, sans-serif;
  line-height: 1;
  opacity: 75%;
}

.product-details {
  font-family: 'Dongle', Helvetica, sans-serif;
  opacity: 75%;
  font-size: 1.5rem;
}

.dongle {
  font-family: 'Dongle', Helvetica, sans-serif;
}

.add-to-cart-btn {
  font-family: 'Dongle', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 0.5;
  padding-top: 5px;

}

.amount-to-purchase-field {
  font-family: sans-serif;
  font-weight: bold;
  width: 40px;
  padding-left: 5px;
  padding-right: 0px;
}

.about-blog a {
  width: 150px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .hero-title {
    font-size: 4.25rem;
  }
}

.apple-shadow {
  animation: pulsing-text-apple 1s alternate infinite !important;
}

@keyframes pulsing-text-apple {
  0% {
    text-shadow: 0 0 2px rgba(255, 255, 255)
  }
  20% {
    text-shadow: 0 1px 2px rgba(255, 255, 255)
  }
  40% {
    text-shadow: 1px 0 2px rgba(255, 255, 255)
  }
  60% {
    text-shadow: 0 -1px 2px rgba(255, 255, 255)
  }
  80% {
    text-shadow: -1px 0 2px rgba(255, 255, 255)
  }
  100% {
    text-shadow: -1px -1px 2px rgba(255, 255, 255)
  }
}