.home {
    --home-logo-w: 16rem;
}
.show-menu{
    z-index:99;
}
.lang{
    position: absolute;
    top:100px;
    right:20px;
    z-index:10;
    display: flex;
    align-items: center;
}
.lang img{
    width: 25px;
    margin: 0 5px;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: var(--border-gradient);
}
.lang .active-lang img{
    width: 35px;
}
@media only screen and (min-width: 40em) {
    .home {
        --home-logo-w: 29.375rem;
    }
}
@media only screen and (min-width: 75em) {
    .header {
        --logo-width: 9rem;
    }
}
@media only screen and (max-width: 992px) {
    .rating{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .date-project{
        min-width: 125px;
    }
    .rating span {
        font-size: 24px;
    }
    .lang{
        top:75px;
        right: 10px;
    }
}