body {
    width: 100%;
    height: 100vh;
    display: block;
    align-items: center;
    justify-content: center;    
    background: #eee;
    
}

.rating {
    display: flex;
    justify-content: space-between;
}

.card-text {
    text-align: center;

}

.star {
    font-size: 32px;
    color: #ddd;
    transition: color 0.5s;
    cursor: pointer;
}

.star:hover,
.star.checked {
    color: gold;
}