.question {
    text-align: center;
    font-size: 1.3em;
}

.question::before {
    content: 'Question ';
    font-style: italic;
}

.stars {
    display: block;
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.stars:not(:last-child){
    margin-right: 20px;
}

.star-yellow {
    background-image: url(/assets/css/images/star-yellow.svg);
}
.star-grey {
    background-image: url(/assets/css/images/star-grey.svg);
}

.faces {
    display: block;
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.face-1 {
    background-image: url(/assets/css/images/face-1.svg);
}
.face-2 {
    background-image: url(/assets/css/images/face-2.svg);
}
.face-3 {
    background-image: url(/assets/css/images/face-3.svg);
}
.face-4 {
    background-image: url(/assets/css/images/face-4.svg);
}
.face-5 {
    background-image: url(/assets/css/images/face-5.svg);
}