p {
	font-size: 50px;
}

.star {
	position: relative;
	display: inline-block;
	color: transparent;
	font-size: xx-large;
}

.star:before {
	content: '★★★★★';
	position: absolute;
	top: 0;
	left: 0;
	color: rgb(255, 255, 255);
	font-size: xx-large;
}

.star:after {
	content: '★★★★★';
	position: absolute;
	top: 0;
	left: 0;
	color: gold;
	font-size: xx-large;
	overflow: hidden;
	
}

.star-0:after {
	width: 100%;
}

.star-1:after {
	width: 80%;
}



.rate {
	width: 50px;
	height: 50px;
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.336);
	border-radius: 100%;
	margin-left: 5%;
	margin-top: 3%;
	font-weight: bolder;
	color: black;
}

.circle {
	margin-left: -1.5%;
}

.fa-star {
	color: gold;

}

.starses {
	margin-top: -9%;
	display: flex;
	/* flex-direction: row; */
	justify-content: center;
	align-items: center;

}