* {
    box-sizing: border-box;
}

body {
    margin: 0;
}

a {
    cursor: pointer;
}

.favorite {
    background-image: url("../images/2.jpg");
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    padding: 0 50px 120px 50px;
}


.favorite-city {
    position: relative;
    max-width: max-content;
}

.favorite-city__name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    color: #fff;
    font-size: 48px;
    font-weight: 600;
}


.favorite-inner {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 120px;
}

.favorite-block {
    width: 33%;
}

.favorite-game {
    position: relative;
    max-width: max-content;
}

.game-name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.favorite-block__center .favorite-city__name {
    top: 43%;
}

.favorite-decor {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.favorite-game__I-first .favorite-decor:nth-child(2) {
    top: 27%;
    width: 50%;
}

.favorite-game__I-first .favorite-decor:nth-child(3) {
    top: 72%;
    width: 83%;
}

.favorite-game__I-first .favorite-decor:nth-child(4) {
    top: 56%;
    left: 27%;
    width: 50%;
}

.favorite-game__I-first .favorite-decor:nth-child(5) {
    top: 115%;
    left: 77%;
    width: 50%;
}

.favorite-game__I-first .favorite-decor img {
    width: 70%;
}

.favorite-game__I-first .game-name {
    width: 100%;
}


.favorite-block.favorite-block__center {
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 120px;
    row-gap: 80px;
}

.favorite-person {
    position: absolute;
    right: 50px;
}

.favorite-octopus {
    position: absolute;
    top: 40%;
    left: -630px;
}

.favorite-block {
    position: relative;
}

.favorite-city-bg img {
    width: 100%;
}

.favorite-block__bg img {
    width: 100%;
}

.favorite-block.favorite-block__center img {
    width: 100%;
}

a.favorite-game img {
    width: 100%;
}

.game-name {
    transition: all .3s ease;
}

.favorite-game:hover .game-name {
    transition: all .3s ease;
    width: 108%;
}

.favorite-game__nachalo:hover .game-name {
    width: 88%;
}

.favorite-game__zvesdu:hover .game-name {
    width: 128%;
}


.favorite-game__nachalo .game-name {
    width: 80%;
}

.favorite-game__zvesdu .game-name {
    width: 120%;
    top: 38%;
    left: 53%;
}


.favorite-game__I-first:hover .game-name {
    transition: all .3s ease;
}

.favorite-game__I-first:hover .favorite-decor {
    transition: all .3s ease;
}

.favorite-decor {
    transition: all .3s ease;
}

.favorite-game__I-first:hover .game-name {
    width: 70%;
    transition: all .3s ease;
}

.favorite-game__I-first:hover .favorite-decor:nth-child(5) {
    left: 80%;
}

.favorite-game__I-first:hover .favorite-decor:nth-child(4) {
    top: 50%;
    left: 21%;
}

.favorite-game-fort .favorite-decor:nth-child(3) {
    top: 16%;
    left: 10%;
}

.favorite-game-fort .favorite-decor:nth-child(4) {
    top: 30%;
    left: 3%;
}

.favorite-game-fort .favorite-decor:nth-child(5) {
    top: 50%;
    left: 95%;
}

.favorite-game-fort .favorite-decor img {
    width: auto !important;
}

.favorite-game-fort:hover .favorite-decor:nth-child(3) {
    top: 2%;
    left: 3%;
}

.favorite-game-fort:hover .favorite-decor:nth-child(4) {
    top: 35%;
    left: 1%;
}

.favorite-game-fort:hover .favorite-decor:nth-child(5) {
    top: 68%;
    left: 100%;
}

@media (max-width: 1650px) {
    .favorite-city__name {
        font-size: 38px;
    }
}


@media (max-width: 1300px) {
    .favorite-city__name {
        font-size: 28px;
    }

    .favorite-block.favorite-block__center {
        padding-bottom: 60px;
        row-gap: 10px;
    }

    .favorite-person {
        right: -60px;
    }
}


@media (max-width: 1200px) {
    .favorite-city__name {
        font-size: 22px;
    }
}


@media (max-width: 1024px) {

    .favorite {
        /*background-size: contain;*/
    }

    .favorite-inner {
        padding-top: 60px;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .favorite-block {
        width: 100%;
    }

    .favorite-inner .favorite-block:nth-child(1) {
        order: 2;
    }

    .favorite-inner .favorite-block:nth-child(2) {
        order: 1;
    }

    .favorite-inner .favorite-block:nth-child(3) {
        order: 3;
    }

    .favorite-block.favorite-block__center {
        padding-bottom: 0;
        row-gap: 10px;
    }

    .favorite-block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .favorite-person {
        right: -100px;
        bottom: -720px;
    }

    .favorite-game__zvesdu .game-name {
        width: 70%;
        top: 71%;
        left: 52%;
    }

    .favorite-city__name {
        font-size: 42px;
    }

}

@media (max-width: 800px) {
    .favorite-game__zvesdu .game-name {
        width: 100%;
    }
    .favorite-game-fort .favorite-decor img {
        width: auto !important;
        height: 70px;
    }
}

@media (max-width: 650px) {
    .favorite-city__name {
        font-size: 32px;
    }

    .favorite-person img {
        width: 60%;
    }

    .favorite-person {
        right: -50%;
        bottom: -360px;
        position: absolute;
    }

}


@media (max-width: 550px) {
    .favorite-city__name {
        font-size: 32px;
    }

    .favorite-person img {
        width: 60%;
    }

    .favorite-person {
        right: -100%;
        bottom: -460px;
        position: absolute;
    }



@media (max-width: 450px) {
    .favorite-city__name {
        font-size: 22px;
    }
}