@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800%7CRaleway:100,200,300,400,600,700,800,900%7CMontserrat:100,200,300,400,500,600,700,800,900');
 
@import url("https://fonts.googleapis.com/css?family=Sacramento&display=swap");

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  }
.box-shadow {
	 box-shadow: 0px 0px 18px -3px rgba(143, 143, 143, .50);
}
 .card:hover {
	 box-shadow: 0px 0px 20px -3px rgba(143, 143, 143, .75);
}
 .box-shadow-dark {
	 box-shadow: 3px 3px 11px -3px rgba(0, 0, 0, .25);
}

 
 h6 {
	 color: #900;
}
 .font-weight-bolder {
	 font-weight: 900;
	 color: #c5826c;
	 
}
 .display-1, .display-2, .display-3, .display-4 {
	 font-weight: 900;
}
 

 .card {
	 /*
	 transition: 0.5s ease;
	 border-radius: 0;
	 transform: perspective(3em) rotateX(0deg) rotateY(-1.175deg) rotateZ(-1deg); */
}
 .card-header {
	 border-radius: 0;
}
 .card-footer {
	 padding-top: 1rem;
	 padding-bottom: 1rem;
}
 .card-header, .card-footer {
	 transition: 0.5s ease;
}
 .card:hover {
	 border-color: #ffc107;
	 transform: perspective(0em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
 .card:hover .card-header, .card:hover .card-footer {
	 color: #ba8b00;
	 border-color: #ffc107;
	 background-color: #ffeeba;
}
 .card:hover .promotion-promo {
	 transform: scale(1.175) translateY(2.5px);
	 transform-origin: left center;
}
 .card:hover .promotion-price {
	 transform: translate(2.5px, 17.5px) scale(1.15);
	 transform-origin: center right;
}
 .card-body {
	 position: relative;
	 z-index: 0;
     color: #f1db92;
	 overflow: hidden;
	 padding-top: 2rem;
	 padding-bottom: 2rem;
}
 .card .btn {
	 font-weight: bold;
	 text-transform: uppercase;
}
 .promotion-promo {
	 font-weight: 700;
	 font-size: 1.15rem;
	 color: #ffc107;
	 font-family: 'Montserrat', sans-serif;
	 text-decoration: line-through;
	 transition: 0.25s linear;
}
 .promotion-price {
	 position: absolute;
	 bottom: 0;
	 right: 0;
	 background: #ffc107;
	 width: 92px;
	 height: 92px;
	 padding-bottom: 0rem;
	 padding-top: 1.25rem;
	 text-align: center;
	 font-weight: 700;
	 font-family: 'Montserrat', sans-serif;
	 font-size: 1.1rem;
	 border-radius: 5rem;
	 color: #fff;
	 z-index: -1;
	 transform: translate(5px, 27.5px) rotate(-9deg);
	 border: 1px dashed #fff;
	 transition: 0.25s linear;
	 line-height: 1.15;
}
 .promotion-price-desc {
	 padding: 0;
	 margin: 0 auto;
	 text-transform: uppercase;
	 font-size: 0.9rem;
	 display: block;
}
 .promotion-price-text {
	 padding: 0;
	 margin: 0 auto;
	 font-weight: 900;
}
 .card-animate {
	 counter-reset: section;
}
 .card-animate .card-body:before {
	 transition: 0.5s ease;
	 counter-increment: section;
	 content: "" counter(section) "";
	 display: block;
	 font-size: 15rem;
	 font-weight: 900;
	 position: absolute;
	 bottom: 5rem;
	 line-height: 0;
	 left: -0.85rem;
	 padding: 0;
	 margin: 0;
	 color: rgba(223, 183, 183, 0.815);
	 z-index: 0;
}
 .card-animate .card:hover .card-body:before {
	 transform: translate(10px, -10px);
}
 .card-animate .card-text {
	 margin-top: 2rem;
	 margin-bottom: 2rem;
}
 .card-animate .card-title {
	 font-weight: 900;
	 text-transform: uppercase;
}
h3 {
	font-size: calc(20px + 18vh);
	line-height: calc(20px + 20vh);
  /*   text-shadow: 0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
	  0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092;
	color: #fccaff; */
	text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
	  color: #fff6a9;
	font-family: "Sacramento", cursive;
	text-align: center;
	animation: blink 12s infinite;
	-webkit-animation: blink 12s infinite;
	text-align: left;
	margin-left: 20px;
  }
  @-webkit-keyframes blink {
	20%,
	24%,
	55% {
	  color: #111;
	  text-shadow: none;
	}
  
	0%,
	19%,
	21%,
	23%,
	25%,
	54%,
	56%,
	100% {
  /*     color: #fccaff;
	  text-shadow: 0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
		0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092; */
	text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
	  color: #fff6a9;
	}
  }
  
  @keyframes blink {
	20%,
	24%,
	55% {
	  color: #111;
	  text-shadow: none;
	}
  
	0%,
	19%,
	21%,
	23%,
	25%,
	54%,
	56%,
	100% {
  /*     color: #fccaff;
	  text-shadow: 0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
		0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092; */
	text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
	  color: #fff6a9;
	}
  }