body {
  /*
		  background-color: #FF3CAC;
		  background-image: linear-gradient(90deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);*/
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 100%;
  min-height: 100vh;

}
	.average-rating {
  position: relative;
  appearance: none;
  color: transparent;
  display: inline-block;
  font-size: 15px;
}
	.average-rating::before {
  --percent: calc(5/5*100%);
  content: '★★★★★';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: rgba(0,0,0,0.2);
  background: linear-gradient(90deg, gold var(--percent), rgba(0,0,0,0.2) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
	
	/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 801px) {
  h4 {
    font-size: 25px;
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 800px) {
  h4 {
    font-size: 12px;
  }
}