.starmaxx_bg {
    background-image: url(/img/modeleOpon/small/bg.png);
    background-position: center;
    background-size: cover;
    overflow: hidden;
    color: #fff;
}

.border_bottom {
    border-bottom: 1px solid rgb(136, 136, 136);
    box-shadow: 5px 5px 15px #000;
}

.green_block::after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #a1c171;
    box-shadow: 5px 5px 15px #000a;
}

.yellow_block::after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #ccc15c;
    box-shadow: 5px 5px 15px #000a;
}

.red_block::after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #ae7070;
    box-shadow: 5px 5px 15px #000a;
}

.blue_block::after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #5f699d;
    box-shadow: 5px 5px 15px #000a;
}

.violet_block::after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #8674aa;
    box-shadow: 5px 5px 15px #000a;
}

.diagram_bar {
    background-color: rgb(124, 124, 255);
    height: 12px;
    border-radius: 20px;
}

.diagram_bar::after {
    content: "";
    width: 50%;
    height: 12px;
    background-color: rgb(29, 29, 240);
    position: absolute;
    border-radius: 20px;

}