@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700,900|Open+Sans:300,400,600,700&display=swap&subset=cyrillic,cyrillic-ext);button,hr,input {
    overflow: visible
}

 .btn,.game-item {
    text-decoration: none;
    border-radius: 10px
}
.adv,.btn-center,.game-item__info,.headline,.s_center,.sec-solver__content,.wordle-text .h2--center,.wordle-text p.center {
    text-align: center
}
.game-item__img,.page,.scroll-element .scroll-element_outer,svg:not(:root) {
    overflow: hidden
}
.games {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0
}
.game-item {
    width: 200px;
    margin: 15px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0,0,0,.07)
}
.fullscreen:hover,.game-item:hover .game-item__title {
    color: #57ac57
}
.links__link.active,.links__link:hover {
    color: #57ac57!important
}
.game-item:hover .game-item__play {
    color: #fff;
    background: #57ac57;
    border: 1px solid #57ac57
}
.game-item:hover .game-item__img img {
    transform: scale(1.15)
}
.game-item__img {
    height: 133px;
    border-radius: 10px 10px 0 0
}
.game-item__img img {
    display: block;
    max-width: 100%;
    transition: transform .35s;
    transform: scale(1)
}
.game-item__info {
    padding: 10px 15px 15px
}
.game-item__title {
    color: #13141c;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
    transition: .3s
}
.game-item__text {
    color: #7e8399;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px
}
.game-item__text span {
    color: #413732;
    font-size: 13px;
    padding: 2px 6px;
    margin-bottom: 4px;
    border-radius: 5px;
    background: #e7dbd6;
    border-bottom: 1px solid #baa095
}
.game-item__bottom {
    display: flex;
    justify-content: center
}
.game-item__play {
    color: #13141c;
    font-size: 16px;
    font-weight: 700;
    background: #fff;
    padding: 8px 54px;
    border-radius: 50px;
    transition: .3s;
    border: 1px solid #c5c6ce
}
.wordle-text .info_text {
    text-align: center;
    margin: 0;
}
.wordle-text h2 {
    color: #13141c;
    font-size: 26px;
    font-weight: 900;
    margin-bottom: 25px;
    margin-top: 40px
}
.btn_wordle {
    margin-top: 15px
}
@media (max-width: 1199px) {
    .container {
        width:100%
    }
}
@media (max-width: 767px) {
    
    .links__link {
        width: calc(50% - 24px);
        font-size: 13px;
        text-align: left
    }

    .game-item {
        width: 160px;
        margin: 10px
    }

    .game-item__img {
        height: 107px
    }

    .game-item__title,.wordle-text .ol li h3 {
        font-size: 16px
    }

    .wordle-text h2 {
        font-size: 22px
    }

    .section {
        padding: 20px 0
    }

}
@media (max-width: 479px) {

    .wordle-text .ol li img {
        margin-top: 10px;
        border-radius: 10px;
        box-shadow: 0 0 30px rgba(0,0,0,.1);
        width: 100%
    }
}
@media (max-width: 375px) {
    .game-item {
        width: 140px
    }

    .game-item__play {
        padding: 8px 40px
    }

    .links__link {
        width: 100%
    }
}