body {
    background-color: #f8f9fa;
}

.header_logo {
    max-height: 60px;
}

.theme-button.active {
    background-color: #0d6efd;
    color: white;
}
.rating-btn {
    min-width: 60px;
}
.photo {
    max-height: 400px;
    object-fit: cover;
}

.max-item-line-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.max-item-line-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
}
.max-item-line-6 > * {
    flex: 0 0 16.666666%;
    max-width: 16.666666%;
}

.topimage-image-container img {
    max-height: 450px;
}

.btnscoregrp .btn {
    border:0 !important;
    font-size: 2rem;
}
.score0, .btnscore0 {
    background-color: #ff2424;
    color: #fff;
}
.score1, .btnscore1 {
    background-color: #f3ff49;
    color: #333;
}
.score2, .btnscore2 {
    background-color: #5bff36;
    color: #333;
}
.score3, .btnscore3 {
    background-color: #42ffdf;
    color: #333;
}
.score4, .btnscore4 {
    background-color: #4f4fff;
}

@media (max-width: 576px) {
    .rating-btn {
        flex: 1 1 18%;
    }
}