@import url(../css-1);@import url(../css2);.spcb_text, p {
    line-height: 1.6
}

.bg-half, .row>*, .section, .share_s {
    position: relative
}

@media (min-width: 1400px) {
    .container {
        max-width: 96%!important
    }
}

.h1, .h2, h1, h2 {
    font-size: 34px!important
}

.h3, .h5, h3, h5 {
    font-size: 20px!important
}

.h4, h4 {
    font-size: 24px!important
}

.h6, h6 {
    font-size: 16px!important
}

.text-primary {
    color: salmon!important
}

a.text-primary:focus, a.text-primary:hover {
    color: #284bc1!important
}

.text-muted {
    color: #8492a6!important
}

a.text-muted:focus, a.text-muted:hover {
    color: #75859b!important
}

.text-light {
    color: #f8f9fc!important
}

a {
    -webkit-transition: .1s;
    transition: .1s;
    text-decoration: none!important;
    color: #0a4192
}

.d-flex .flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

body {
    font-family: Nunito, sans-serif;
    overflow-x: hidden!important;
    font-size: 16px;
    color: #161c2d;
    margin: 0
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Nunito, sans-serif;
    font-weight: 600
}

::-moz-selection {
    background: rgba(47, 85, 212, .9);
    color: #fff
}

::selection {
    background: rgba(47, 85, 212, .9);
    color: #fff
}

.section {
    padding: 100px 0
}

.para-desc {
    max-width: 600px
}

.spcb_text {
    font-size: 18px;
    align-self: center
}

.bg-half {
    padding: 32px 0;
    background-size: cover;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    background-position: center center
}

@media (max-width: 768px) {
    .section {
        padding: 60px 0
    }

    .bg-half {
        padding: 50px 0
    }
}

.spcb-h1, spcb-h1 {
    font-size: 38px!important;
    font-weight: 900!important;
    margin-top: 35px
}

@media (max-width: 767px) {
    .spcb-h1 {
        font-size: 34px!important
    }
}

.spcb-h2 {
    font-size: 20px!important;
    font-weight: 500
}

.spcb_head {
    font-size: 26px!important;
    font-weight: 700!important
}

@media (max-width: 1024px) {
    .spcb_head {
        font-size: 24px!important;
        font-weight: 800!important
    }
}

@media (max-width: 512px) {
    .spcb_head {
        font-size: 20px!important;
        font-weight: 800!important
    }
}

.number {
    font-size: 38px!important;
    font-weight: 700!important
}

.logo_img {
    height: 16px
}

@media (max-width: 400px) {
    .logo_img {
        height: 12px
    }
}

.share_s {
    background-color: #dcffde;
    padding: 30px 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #caff95
}

.footer-bar {
    margin-top: 30px;
    margin-bottom: 30px
}

.no-padding {
    padding: 0!important;
    width: 100%!important
}

.banner {
    display: block
}

.banner_middle {
    width: 728px;
    height: 90px
}

.banner_under_mobile {
    display: none
}

@media (max-width: 479px) {
    .banner_under {
        display: none
    }

    .banner_under_mobile {
        display: block
    }
}

.Game-keyboard-button:hover {
    background-color: #faebd7
}

.light {
    background-color: #fff
}

.flag {
    width: 20px;
    vertical-align: middle;
    margin-right: 6px;
    float: left
}

.frames_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
}

.wordle_but {
    display: block;
    margin: 12px;
    width: calc(25% - 24px);
    text-align: center;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    border: 1px solid #000;
    color: #3c4858!important;
    background-color: #f8f9fc!important;
    transition: .2s ease-in-out
}

.wordle_but:hover {
    box-shadow: -2px -2px 6px rgba(255, 255, 255, .6), -2px -2px 4px rgba(255, 255, 255, .4), 2px 2px 2px rgba(255, 255, 255, .05), 2px 2px 4px rgba(0, 0, 0, .1)
}

.wordle_but:active {
    box-shadow: inset -2px -2px 6px rgba(255, 255, 255, .7), inset -2px -2px 4px rgba(255, 255, 255, .5), inset 2px 2px 2px rgba(255, 255, 255, .075), inset 2px 2px 4px rgba(0, 0, 0, .15)
}

.wordle_step {
    display: flex;
    margin-top: 1.4rem
}

.faq_block {
    border-radius: 14px;
    margin-top: 35px;
    padding: 32px;
    border: 1px solid;
    background-color: #f5f5f5
}

.wordle_h3 {
    padding-bottom: 10px;
    margin-top: 0;
    font-weight: 700;
    text-align: left
}

.wordle_text {
    text-align: left;
    font-size: 18px
}

.g_block {
    background-color: #fff;
    text-align: left;
    font-family: Nunito, sans-serif!important;
    min-height: 600px
}

.nerdle_but {
    min-width: max-content;
    padding: 18px 20px;
    font-size: 16px;
    font-weight: 700;
    background-color: #acff87!important;
    border: 1px solid;
    color: #000!important
}

.dordle_but, .gen_but, .kid_but, .lewd_but, .octordle_but, .quordle_but, .tour_but {
    min-width: max-content;
    padding: 18px 20px;
    border: 1px solid #000;
    font-size: 16px;
    font-weight: 700;
    color: #000!important
}

.nerdle_but:hover {
    background-color: #8dd46d!important
}

.dordle_but {
    background-color: #d5d0ff!important
}

.dordle_but:hover {
    background-color: #a6a0d7!important
}

.quordle_but {
    background-color: #ffc487!important
}

.quordle_but:hover {
    background-color: #e9af73!important
}

.octordle_but {
    background-color: #ffcab3!important
}

.octordle_but:hover {
    background-color: #ffae8b!important
}

.kid_but {
    background-color: #f9dcff!important
}

.kid_but:hover {
    background-color: #f4bfff!important
}

.lewd_but {
    background-color: #fff5c6!important
}

.lewd_but:hover {
    background-color: #ffefa2!important
}

.gen_but {
    background-color: #d1efff!important
}

.gen_but:hover {
    background-color: #b0e3ff!important
}

.tour_but {
    background-color: #d8fdff!important
}

.tour_but:hover {
    background-color: #bcfcff!important
}

.plusle_but {
    background-color: #5adca3!important;
    color: #000!important;
    border: none;
    border-radius: 6px
}

.plusle_but:hover {
    background-color: #52c090!important
}

.row__field:focus {
    outline: 0
}

body.dark .faq_block {
    color: #000
}

body.dark .share_s {
    background-color: #212121
}

body.dark .wordle_but {
    box-shadow: none
}

.logo_text {
    color: #191919!important
}

.dark .logo_text {
    color: #d9d9d9!important
}

.quordle_b {
    background-color: #b6ebfe!important;
    color: #000!important;
    border: 1px solid;
    border-radius: 6px
}

.quordle_b:hover {
    background-color: #94e3ff!important
}

.frames_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: auto
}

@media (max-width: 991px) {
    .frames_block {
        margin-left: 3px;
        margin-right: 3px
    }
}

.we_but {
    display: inline-flex;
    min-height: 90px;
    max-height: 90px;
    align-items: center;
    margin: 12px;
    width: calc(25% - 24px);
    text-align: center;
    padding: 2px 13px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid;
    border-radius: 8px;
    color: #3c4858!important;
    background-color: #f8f9fc;
    transition: transform .2s
}

@media (max-width: 1024px) {
    .we_but {
        font-size: 11px
    }
}

@media (max-width: 710px) {
    .we_but, .wordle_but {
        width: calc(50% - 24px);
        font-size: 12px;
        margin-top: 5px
    }
}

.we_but:hover {
    transform: translate(0, -3px)
}

.wemage {
    width: 38px;
    margin-right: 10px
}

.we_d {
    margin: auto
}

.stats-chart table .number {
    font-size: 16px!important
}

.share_b {
    align-items: center;
    margin: 4px;
    height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    color: #fff;
    line-height: 40px;
    background-color: #f8f9fc;
    transition: transform .2s;
    display: inline-block;
    white-space: nowrap;
    letter-spacing: 0.5px;
    min-width: 67px;
    opacity: 1;
    padding: 0 20px;
    position: relative;
    vertical-align: top;
}

@media (max-width: 1024px) {
    .share_b {
        font-size: 11px
    }
}

@media (max-width: 710px) {
    .share_b {
        font-size: 12px;
        margin-top: 5px
    }
}

.share_b:hover {
    transform: translate(0, -3px);
    color: #fff;
}

.share_b:visited {
    color: #fff;
}

.share_i {
    display: inline-block;
    height: 20px;
    width: 20px;
    position: relative;
    top: 10px;
    vertical-align: top;
}

.st-total {
    padding: 7px;
}

.st-shares {
    font-size: 12px;
    line-height: 12px;
}

.st-label {
    font-size: 20px;
    line-height: 22px;
    display: block;
    padding: 0;
}

.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 rgb(0 0 0 / 7%);
    transition: transform .2s
}

.game-item:hover {
    transform: translate(0,-3px)
}

.btn,.game-item {
    text-decoration: none;
    border-radius: 10px
}

.game-item__img {
    height: 133px;
    border-radius: 10px 10px 0 0
}

.game-item__img,.page,.scroll-element .scroll-element_outer,svg:not(:root) {
    overflow: hidden
}

.game-item__img img {
    display: block;
    max-width: 100%;
    transition: transform .35s;
    transform: scale(1)
}

img {
    border-style: none
}

.game-item__info {
    padding: 10px 15px 15px
}

.btn-center,.game-item__info,.headline,.wordle-text .h2--center,.wordle-text p.center {
    text-align: center
}

.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
}

\--------------------\ .Settings-param-title {
    font-size: 18px!important;
    margin-top: 18px!important;
}

.Settings-param-desc {
    font-size: 14px!important;
}

.App-switch-checkbox {
    height: 1.6em!important;
    width: 3.2em!important;
}

.App-button-circle-fixed {
    border-radius: 18%!important;
}

.Settings-setting {
    margin: 0px!important;
}

.App-title {
    border: 1px solid!important;
    border-radius: 10px!important;
    background-color: #d5f0ff!important;
}

.App-button-circle, .App-button-circle-fixed {
    border: 1px solid!important;
    cursor: pointer!important;
}

.App-button-circle-fixed:disabled, .App-button-circle:disabled {
    background-color: #a4ffa2!important;
    color: #000!important;
    font-weight: 500!important;
    border: 1px solid!important;
}

.App-button-circle-fixed:hover, .App-button-circle:hover {
    background-color: #a4ffa2!important;
    color: #000!important;
    font-weight: 500!important;
    border: 1px solid!important;
}

.Row-letter, .letter-absent, .letter-elsewhere, .letter-correct {
    border: 1px solid!important;
    border-color: #cccccc!important;
}

.page-icon svg {
    border: 1px solid;
    border-color: #cccccc!important;
}

.letter-correct {
    background-color: #22c55e!important;
}

.letter-absent {
    background-color: #94a3b8!important;
}

.letter-elsewhere {
    background-color: #eab308!important;
}

.App-header {
    padding: 8px 5px 6px 0px!important;
}

.App-header-container {
    background-color: #fff0!important;
}

body.dark {
    background-color: #404040!important;
}

.Top-window-frame {
    box-shadow: 0 0 0 0 hsl(0deg 0% 10% / 30%), 0 0 5px rgb(0 0 0 / 30%)!important;
    border: 1px solid;
    margin: 11px 5px 0!important
}

.App-button {
    border-radius: 8px!important;
    background: #cce9ff!important;
}

.App-button .App-button-marked {
    background-color: #b8ffc9!important;
}

.button-giveup {
    border: 1px solid!important;
    background-color: #e4ffff!important;
}

.button-startover {
    background-color: #d9ffe8!important;
    border: 1px solid!important;
}

@media (max-width: 768px) {
    .Game-keyboard-button {
        margin: 2px!important;
        min-height: 50px!important;
        border-radius: 3px!important;
    }
}

.Game-keyboard-button {
    border: none!important;
    font-size: 18px!important;
    font-weight: 600!important;
}

.Row-current .Row-letter {
    background-color: #d3dbe9
}

@import url("https://fonts.googleapis.com/css?family=Nunito:400,700&display=swap"); * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.content-profile {
    text-align: center;
}

h1 {
    color: #e74c3c;
    margin-bottom: 0.5rem;
    text-align: center;
}

.header_menu {
    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
}

.links__link,.share-button {
    border-radius: 10px;
    text-decoration: none;
    text-transform: uppercase
}

.game-item__rate {
    color: #57422d;
    font-size: 14px;
    font-weight: 700;
    display: flex
}

.links,.setting {
    display: -webkit-box;
    display: -ms-flexbox
}

.game-item__rate img {
    height: 16px;
    margin-right: 8px
}

.links {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 12px
}

.links__link,.share-block,.share-buttons {
    display: block;
    text-align: center
}

.links__link {
    background-color: #fff;
    color: #13141c;
    font-size: 13px;
    margin: 10px;
    padding: 10px;
    width: calc(25% - 24px);
    line-height: 24px;
    font-weight: 400;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);
    box-shadow: 0 0 20px rgba(0,0,0,.1)
}

.links__link.active {
    font-weight: 700
}

.links__link .icon {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    margin-right: 8px;
    margin-bottom: -6px
}

.dropdown-menu__li:last-child,.lang-header__link:last-child,.play2048-text ul li:last-child {
    margin-bottom: 0
}

.links__link.letters,.links__link.letters.active,.play2048-text .h2--center,.play2048-text p.center {
    text-align: center
}

.share-block {
    margin-bottom: 25px
}

.share-block h2 {
    margin: 25px 0 10px
}

.share-button {
    display: inline-block;
    margin: 8px 5px;
    padding: 16px 26px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

.share-button.facebook {
    background: #4267b2;
    border-bottom: 5px solid #244586
}

.share-button.facebook:hover {
    background: #3559a2
}

.share-button.twitter {
    background: #1da1f2;
    border-bottom: 5px solid #107dc0
}

.share-button.twitter:hover {
    background: #1391de
}

.share-button.reddit {
    background: #ff4500;
    border-bottom: 5px solid #d03800
}

.share-button.reddit:hover {
    background: #e73f01
}

.share-button.whatsapp {
    background: #25d366;
    border-bottom: 5px solid #1dac53
}

.share-button.whatsapp:hover {
    background: #1aba56
}

.setting {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px
}

.fullscreen,.theme-mode {
    display: -webkit-box;
    display: -ms-flexbox
}

.theme-mode {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fullscreen,.menu-header {
    -webkit-box-align: center
}

.theme-mode__switch {
    display: block;
    position: relative;
    width: 42px;
    height: 22px;
    background-color: #2b2e3a;
    margin-right: 10px;
    border-radius: 20px
}

.theme-mode__switch:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 4px;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    -webkit-transition: .35s;
    transition: .35s
}

.theme-mode__switch.on:after {
    left: calc(100% - 20px)
}

.theme-mode__text {
    color: #2b2e3a;
    font-size: 14px
}

.fullscreen {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #2b2e3a;
    font-size: 15px;
    text-decoration: none
}

.fullscreen .icon {
    display: block;
    width: 16px;
    height: 16px;
    fill: currentColor;
    margin-right: 10px;
    margin-top: 2px
}

.fullscreen:hover {
    color: #ffbf5a
}

.header_menu_link {
    color: red;
    font-size: 14px;
    line-height: 20px;
    margin: 0 5px 10px 0;
    padding: 8px 15px;
    text-align: center;
    text-decoration: none;
    border-radius: 8px
}

.header_menu_link.active {
    background: #ffbf5a;
    color: #13141c;
    font-weight: 700
}

.dropdown-menu__link:hover,.lang-header__title:hover,.menu-header__link:hover {
    color: #ffbf5a
}

.header_menu_link.active:hover {
    background: #ffbf5a
}

.header_menu_link:hover {
    background: #edeadb
}

.header_menu_link img {
    height: 26px;
    margin-right: 4px;
    margin-bottom: -4px
}

.header_menu_link sup {
    color: #de2768;
    margin-left: 3px;
    font-weight: 700
}

.header__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.header__logo,.menu-header__li:hover .dropdown-menu,.menu-header__li:hover .menu-header__link--dropdown:before {
    display: block
}

.header__logo {
    width: 350px;
    padding: 10px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: center;
    align-self: center
}

.menu-header,.menu-header__li {
    display: -webkit-box;
    display: -ms-flexbox
}

.header__logo img {
    display: block;
    width: 100%
}

.menu-header {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0
}

.lang-header__title,.menu-header__link {
    -webkit-box-align: center;
    font-size: 14px;
    text-decoration: none
}

.menu-header__li {
    display: flex;
    height: 100%
}

.menu-header__link {
    color: #2b2e3a;
    font-weight: 700;
    line-height: 24px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.dropdown-menu,.menu-header__link:before {
    position: absolute;
    width: 100%;
    display: none;
    left: 0
}

.menu-header__link:before {
    content: '';
    top: calc(100% - 2px);
    border-top: 2px solid #ffbf5a
}

.menu-header__link .icon {
    fill: currentColor;
    width: 18px;
    height: 18px;
    margin-right: 8px
}

.menu-header__link--dropdown {
    z-index: 1
}

.menu-header__link--dropdown:before {
    height: 5px;
    background: #fff
}

.menu-header__link--dropdown .icon-down-arrow {
    display: block;
    width: 12px;
    height: 12px;
    fill: #2b2e3a;
    margin-left: 7px
}

.menu-header__link:hover:before {
    display: block
}

.menu-header__link:hover .icon {
    fill: #ffbf5a
}

.dropdown-menu {
    top: 100%;
    background: #fff;
    border-radius: 0 5px 5px;
    margin: 0;
    z-index: 1;
    padding: 20px 15px;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);
    box-shadow: 0 0 20px rgba(0,0,0,.1)
}

.dropdown-menu__list {
    margin: 0;
    padding: 0;
    height: 260px
}

.dropdown-menu__li {
    display: block;
    margin-bottom: 15px
}

.dropdown-menu__link {
    color: #2b2e3a;
    font-size: 14px;
    text-decoration: none
}

.lang-header {
    margin-left: auto;
    position: relative
}

.lang-header__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #13141c;
    width: 125px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.lang-header__title .icon {
    width: 11px;
    height: 11px;
    fill: currentColor;
    margin-left: 8px
}

.lang-header__dropdown {
    position: absolute;
    top: calc(100% - 2px);
    right: 0;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.08);
    box-shadow: 0 0 30px rgba(0,0,0,.08);
    background-color: #fff;
    width: 145px;
    padding: 15px 0;
    z-index: 10;
    border-top: 2px solid #ffbf5a;
    display: none;
    border-radius: 0 0 5px 5px
}

.lang-header__dropdown:before {
    content: '';
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    height: 25px
}

.lang-header__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #75798d;
    font-size: 13px;
    text-decoration: none;
    margin-bottom: 15px;
    padding: 0 20px
}

.lang-header__link .icon {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    opacity: .7;
    -webkit-transition: .2s;
    transition: .2s
}