@charset "utf-8";
/* CSS Document */

.commentCointainer {
    width: 100%;
    align-content: center;
    justify-content: end;
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
	margin-bottom: 80px;
}

.commentCard {
    width: 100%;
    border: 1px;
    background-color: #F1EFEF;
    display: flex;
    flex-direction: row;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
	margin-top: 8px;
	gap: 10px;
	border-radius: 10px;
}

.commentAvatar{
	width: 10%;
	border-radius: 50px;
}

.commentInfo{
	width: 75%;
	display: flex;
    flex-direction: column;
	font-size: 12px;
}

.commentStars{
	width: 100%;
	display: flex;
    flex-direction: row;
}
.imageCircle{
	border-radius: 50px;
	
}

@media only screen and (max-width: 321px) {
  .commentInfo{
	width: 75%;
	display: flex;
    flex-direction: column;
	font-size: 11px;
}
}