@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.woff2") format("woff2");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.woff2") format("woff2");
    font-weight: 500;
    font-display: swap
}

*,
*::before,
*::after {
    box-sizing: border-box
}

ul[class],
ol[class] {
    margin: 0;
    padding: 0
}

body,
h1,
h2,
h3,
h4,
p,
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0
}

html {
    font-size: 10px
}

body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5
}

ul[class],
ol[class] {
    list-style: none
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

img {
    max-width: 100%;
    height: auto;
    display: block
}

section>*+*,
article>*+* {
    margin-top: 1em
}

input,
button,
textarea,
select {
    font: inherit
}

@media(prefers-reduced-motion: reduce) {
    * {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}

.centered-content {
    display: block;
    text-align: center
}

.btn-default {
    background: rgba(0, 0, 0, 0);
    border: none;
    margin: 0;
    padding: 0
}

.special-wrapper {
    max-width: 1430px;
    width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    margin: 0 auto
}

a,
button {
    cursor: pointer
}

a:not([class]) {
    color: #f5faff
}

a:not([class]):hover {
    text-decoration: underline
}

a {
    text-decoration: none
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    color: #abb2ba;
    background: #1c1e27
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #f5faff
}

li:not([class]) {
    margin-bottom: 1.2rem;
    margin-top: 1.2rem
}

ul:not([class])>li:not([class])::marker {
    color: #f5faff
}

h1 {
    font-size: 3.0rem
	
}

h2 {
    font-size: 2.4rem
}

h3 {
    font-size: 2.1rem
}

h4 {
    font-size: 1.8rem
}

@media(min-width: 768px) {
    h1 {
        font-size: 3.4rem
	
    }

    h2 {
        font-size: 2.8rem
    }

    h3 {
        font-size: 2.4rem
    }

    h4 {
        font-size: 2rem
    }
}

body.scroll-lock {
    overflow: hidden
}

.main-wrapper {
    padding-top: 5.6rem
}

.content-section {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

@media(min-width: 992px) {
    .main-wrapper {
        display: flex
    }
}

@media(min-width: 1200px) {
    .content-section {
        width: calc(100% - 252px)
    }

    .main-wrapper {
        margin: 0 auto;
        width: 100%;
        max-width: 1430px
    }
}

.section-title {
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 2rem;
    margin-top: 2rem;
    color: #f5faff;
    display: flex;
    align-items: center
}

.section-title img {
    margin-right: 1.5rem
}

.section-title svg {
    margin-right: 1.5rem
}

.table-wrapper {
    overflow-x: auto;
    padding-bottom: 1rem;
    margin: 2rem auto
}

.table-wrapper::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.table-wrapper::-webkit-scrollbar-thumb {
    background: #232c3b;
    border-radius: 50px
}

.table-wrapper::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

table {
    border-collapse: collapse;
    overflow: hidden;
    text-align: center;
    margin: 0 auto
}

thead {
    background: #232c3b;
    color: #f5faff
}

tr {
    margin: 0
}

th {
    color: #fff
}

th,
td {
    padding: 1.2rem 1.4rem;
    min-width: 12.5rem;
    border: .1rem solid #323c4e
}

.image-center {
    margin: 1.5rem auto
}

.site-headers {
    width: 100%;
    z-index: 3;
    position: fixed;
    background-color: #1c1e27;
    height: 5.6rem
}

.site-headers_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.site-headers_navigation {
    display: none
}

.site-headers_logo {
    margin-left: 1.6rem;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-self: center
}

.site-headers_main__btns {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.2rem;
    background-color: #1c1e27;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.site-headers_navigation__btn {
    display: flex;
    justify-content: center;
    align-items: center
}

.site-headers_btns__log {
    color: #b6bcc4;
    transition: color .2s linear;
    padding: 1rem 2rem;
    text-transform: uppercase;
    font-weight: 500
}

.site-headers_btns__log:hover {
    color: #f5faff
}

.site-headers_btns__sign {
    border-radius: 40px;
    text-transform: uppercase;
    padding: 1rem 2rem;
    color: #fff;
    background: #3498fe;
    font-weight: 500;
    transition: background .2s linear
}

.site-headers_btns__sign:hover {
    background: #4da5fe
}

@media(min-width: 555px) {
    .site-headers_main__btns {
        background-color: rgba(0, 0, 0, 0);
        width: auto;
        position: relative;
        padding: 0
    }

    .site-headers_btns__log,
    .site-headers_btns__sign {
        font-size: 1.4rem;
        padding: .8rem 1.8rem
    }
}

@media(min-width: 1200px) {
    .site-headers_navigation__btn {
        display: none
    }

    .site-headers_logo {
        margin-left: 0;
        margin-right: 1.5rem
    }

    .site-headers_navigation[class] {
        margin-right: auto
    }

    .site-headers_navigation {
        display: flex;
        align-items: center;
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .site-headers_navigation__anchor {
        text-transform: uppercase;
        font-size: 1.2rem;
        color: #b6bcc4;
        font-weight: 500;
        padding: 1.2rem;
        border-radius: 40px;
        transition: all .2s linear
    }

    .site-headers_navigation__anchor:hover {
        color: #f5faff;
        background: #2d3c51
    }

    .site-headers_navigation__anchor__active {
        color: #f5faff;
        background: #2d3c51
    }
}

@media(min-width: 1400px) {
    .site-headers_navigation__anchor {
        font-size: 1.4rem
    }

    .header-overlay.active-state {
        opacity: 0
    }
}

.header-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 5;
    opacity: 0;
    top: 0;
    visibility: hidden;
    cursor: pointer
}

.header-overlay.active-state {
    opacity: 1;
    visibility: visible
}

.left-sidebar {
    z-index: 5;
    background-color: #1c1e27;
    transition: transform .2s linear;
    width: 100%;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    height: 100vh;
    overflow-y: auto;
    position: fixed;
    padding: 1.5rem;
    flex-shrink: 0;
    max-width: 300px
}

.left-sidebar::-webkit-scrollbar {
    width: 8px;
    height: 5px
}

.left-sidebar::-webkit-scrollbar-thumb {
    background: #232c3b;
    border-radius: 4px
}

.left-sidebar::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

.left-sidebar_close {
    cursor: pointer;
    display: block;
    margin-left: auto;
    margin-bottom: 1.5rem
}

.left-sidebar_icon {
    width: 20px;
    height: 20px;
    fill: #cfd4d8
}

.left-sidebar_list+.left-sidebar_list {
    margin-top: 2.5rem
}

.left-sidebar_list+.left-sidebar_list__elem {
    margin-top: 1rem
}

.left-sidebar_elem__anchor {
    padding: 1.2rem 1.5rem;
    display: flex;
    align-items: center;
    color: #d0d5d9;
    font-size: 1.4rem;
    border-radius: 22px;
    transition: background .2s linear
}

.left-sidebar_elem__anchor img {
    margin-right: 1.5rem
}

.left-sidebar_elem__anchor svg {
    margin-right: 1.5rem
}

.left-sidebar_elem__anchor:hover {
    color: #f5faff;
    background: #394f69
}

.left-sidebar_elem__search {
    background-color: rgba(35, 44, 59, .5019607843);
    color: #b6bcc4;
    border-radius: 15px
}

.left-sidebar_elem__providers {
    color: #b6bcc4;
    background: #232c3b;
    margin-top: 1rem
}

.left-sidebar_elem__all {
    color: #fff;
    background: #3498fe
}

.left-sidebar_elem__all:hover {
    color: #fff;
    background: #3498fe
}

.left-sidebar.active-state {
    transform: translateX(0)
}

@media(min-width: 1200px) {
    .left-sidebar {
        z-index: 1;
        height: calc(100vh - 5.6rem);
        padding-top: 0;
        padding-right: 0;
        top: 5.6rem;
        background-color: rgba(0, 0, 0, 0);
        position: sticky;
        width: 252px;
        transform: translateX(0);
        padding: .8rem 1.6rem 2.5rem;
        margin-bottom: 7rem
    }

    .left-sidebar_close {
        display: none
    }
}

.main-banner {
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 3rem
}

.main-banner_image {
    width: 100%;
    height: 290px;
    -o-object-fit: cover;
    object-fit: cover
}

.main-banner_elem {
    position: relative;
    overflow: hidden
}

.main-banner_elem::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(-180deg, rgba(0, 0, 0, 0.3) 29.94%, rgba(0, 0, 0, 0) 77.21%);
    top: 0;
    left: 0
}

.main-banner_info {
    padding: 3rem 3.5rem;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1
}

.main-banner_title {
    text-align: center;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: .7rem;
    display: block
}

.main-banner_details {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    display: block;
    margin-bottom: 3rem
}

.main-banner_anchor {
    padding: 1.2rem 2.8rem;
    color: #000;
    background-color: #fff;
    box-shadow: 0 1px 0 #b3b3b3, 0 2px 2px rgba(0, 0, 0, .3019607843), 0 3px 6px rgba(0, 0, 0, .5019607843);
    transition: all .3s linear;
    border-radius: 12px;
    font-size: 1.4rem;
    display: block;
    font-weight: 500;
    text-align: center
}

.main-banner_anchor:hover {
    box-shadow: 0 0 12px #fff
}

.main-banner_decor {
    position: absolute;
    right: 0;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    height: 395px;
    width: auto;
    flex-shrink: 0;
    animation-name: moveimg;
    animation-play-state: running;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    z-index: 1
}

@media(min-width: 1200px) {
    .main-banner_elem {
        width: calc(100vw - 252px)
    }

    .main-banner_elem::after {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.5019607843) 2.27%, rgba(0, 0, 0, 0) 94.54%)
    }

    .main-banner_title {
        font-size: 3.6rem;
        text-align: left;
        line-height: 1.2
    }

    .main-banner_details {
        font-size: 2.4rem;
        text-align: left;
        line-height: 1.2
    }

    .main-banner_info {
        padding-left: 5rem;
        padding-bottom: 5rem;
        justify-content: flex-end;
        align-items: flex-start
    }
}

@keyframes moveimg {
    0% {
        transform: translateZ(0) rotate(0.0001deg)
    }

    25% {
        transform: translate3d(20px, 0, 0) rotate(0.0001deg)
    }

    50% {
        transform: translateZ(0) rotate(0.0001deg)
    }

    75% {
        transform: translate3d(-20px, 0, 0) rotate(0.0001deg)
    }

    100% {
        transform: translateZ(0) rotate(0.0001deg)
    }
}

@keyframes mainmove {
    0% {
        transform: translateZ(0) rotate(0.0001deg)
    }

    25% {
        transform: translate3d(-20px, 0, 0) rotate(0.0001deg)
    }

    50% {
        transform: translateZ(0) rotate(0.0001deg)
    }

    75% {
        transform: translate3d(20px, 0, 0) rotate(0.0001deg)
    }

    100% {
        transform: translateZ(0) rotate(0.0001deg)
    }
}

.promo-block[class] {
    padding-bottom: 1.1rem;
    margin-bottom: 3rem
}

.promo-block {
    display: flex;
    overflow-x: auto;
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem
}

.promo-block::-webkit-scrollbar {
    width: 8px;
    height: 5px
}

.promo-block::-webkit-scrollbar-thumb {
    background: #394f69;
    border-radius: 4px
}

.promo-block::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

.promo-block_elem {
    border-radius: 1.5rem;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.promo-block_elem:hover .promo-block_image {
    transform: scale(1.05)
}

.promo-block_image {
    cursor: pointer;
    border-radius: 1.5rem;
    overflow: hidden;
    transition: transform .2s linear
}

.promo-block_details {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1.2rem 1.6rem 1.6rem;
    overflow: hidden;
    width: 320px
}

.promo-block_image__volcano {
    background: #0160fa
}

.promo-block_image__panther {
    background: #00e737
}

.promo-block_image__bonus {
    background: #150046
}

.promo-block_details__volcano {
    background: linear-gradient(0deg, rgba(1, 96, 250, 0.15), rgba(1, 96, 250, 0.15)), rgba(0, 0, 0, .9)
}

.promo-block_details__panther {
    background: linear-gradient(0deg, rgba(0, 231, 55, 0.15), rgba(0, 231, 55, 0.15)), rgba(0, 0, 0, .9)
}

.promo-block_details__bonus {
    background: linear-gradient(0deg, rgba(21, 0, 70, 0.15), rgba(21, 0, 70, 0.15)), rgba(0, 0, 0, .9)
}

.promo-block_title {
    color: #fafaff;
    font-weight: 500;
    font-size: 1.8rem;
    display: block;
    margin-bottom: .8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px
}

.promo-block_descr {
    font-size: 1.3rem;
    color: #fafaff;
    line-height: 20px
}

@media(min-width: 992px) {
    .promo-block[class] {
        padding-bottom: 0
    }

    .promo-block_elem {
        width: calc(33.3333333333% - 1.1rem)
    }

    .promo-block_details {
        width: 100%
    }

    .promo-block_image {
        width: 100%
    }
}

.game-providers[class] {
    padding-bottom: .8rem;
    margin-bottom: 3rem
}

.game-providers {
    display: flex;
    overflow-x: auto;
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem
}

.game-providers::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.game-providers::-webkit-scrollbar-thumb {
    background: #232c3b;
    border-radius: 4px
}

.game-providers::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

.game-providers_elem {
    flex-shrink: 0
}

.game-providers_anchor {
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 1.6rem;
    background: #232c3b;
    transition: background .3s linear
}

.game-providers_anchor:hover {
    background: #4c555e
}

.page-content {
    margin-top: 1.5rem;
    margin-bottom: 3rem
}

.page-content_list[class] {
    list-style: auto;
    padding: 1.9rem 1.9rem 2.4rem 5.2rem
}

.page-content_list[class] li+li {
    margin-top: 1.2rem
}

.page-content_list[class] li {
    color: #fafaff
}

.page-content summary {
    text-align: center;
    border-radius: 20px;
    padding: 1.6rem 4.9rem 1.6rem 1.6rem;
    background: #2d3c51;
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    color: #fafaff;
    border-bottom: 2px solid #3498fe;
    font-size: 1.8rem
}

.page-content summary span {
    display: block
}

.page-content summary::after {
    content: "";
    position: absolute;
    display: block;
    right: 1.2rem;
    height: 2.9rem;
    width: 2.9rem;
    background-repeat: no-repeat;
    background-image: url("../images/download.svg");
    transition: transform .2s linear;
    top: 50%;
    transform: translateY(-50%)
}

.page-content details[open] summary::after {
    content: "";
    transform: rotate(180deg) translateY(50%)
}

.page-content details>div {
    background: #2d3c51;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px
}

.page-content_anchor {
    color: #fafaff
}

.page-content_anchor:hover {
    text-decoration: underline
}

@media(min-width: 768px) {
    .page-content_list {
        -moz-column-count: 2;
        column-count: 2
    }
}

.games-list[class] {
    margin-bottom: 3rem
}

.games-list {
    gap: 1.6rem;
    display: flex;
    flex-wrap: wrap
}

.games-list_card {
    width: calc(50% - .8rem);
    overflow: hidden;
    cursor: pointer
}

.games-list_card:hover .games-list_card__overlay {
    opacity: 1
}

.games-list_card:hover .games-list_image img {
    transform: scale(1.1)
}

.games-list_card:hover .games-list_card__name {
    color: #3498fe
}

.games-list_card__name {
    color: #fafaff;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    padding-left: .5rem;
    padding-right: .5rem;
    overflow: hidden;
    font-size: 1.4rem;
    text-align: center;
    transition: color .2s linear
}

.games-list_image {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: .8rem
}

.games-list_image img {
    transition: transform .2s linear;
    width: 100%;
    height: auto
}

.games-list_card__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: .5rem;
    opacity: 0;
    transition: opacity .2s linear;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .6)
}

.games-list_btns {
    display: flex;
    flex-direction: column;
    align-items: center
}

.games-list_play {
    text-align: center;
    border-radius: 4rem;
    display: block;
    background: #3498fe;
    color: #fff;
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    transition: background .2s linear;
    margin-bottom: 1.9rem
}

.games-list_play:hover {
    background: #4da5fe
}

.games-list_demo {
    font-size: 1.4rem;
    color: #b6bcc4;
    background: #2d3c51;
    border-radius: 4rem;
    padding: .7rem 1rem;
    transition: all .2s linear
}

.games-list_demo:hover {
    background: #f5faff;
    color: #2d3c51
}

@media(min-width: 410px) {
    .games-list_card {
        width: calc(33.3333333333% - 1.2rem)
    }
}

@media(min-width: 555px) {
    .games-list_card {
        width: calc(20% - 1.3rem)
    }

    .games-list_card__overlay {
        padding: .5rem 2.4rem
    }
}

@media(min-width: 768px) {
    .games-list_card {
        width: calc(20% - 1.3rem)
    }
}

@media(min-width: 992px) {
    .games-list_card {
        width: calc(16.6666666667% - 1.4rem)
    }
}

@media(min-width: 1200px) {
    .games-list_card {
        width: calc(14.2857142857% - 1.4rem)
    }
}

@media(min-width: 1400px) {
    .games-list_card {
        width: calc(12.5% - 1.4rem)
    }
}

.user-info {
    margin-bottom: 5.5rem
}

.user-info_elem {
    border-radius: 1.5rem;
    position: relative;
    background-color: #232c3b;
    padding: 1.4rem 1.9rem 4rem;
    width: 100%
}

.user-info_elem+.user-info_elem {
    margin-top: 5.1rem
}

.user-info_name {
    display: block;
    margin-bottom: 1rem;
    color: #fafaff;
    font-weight: 500
}

.user-info_descr {
    color: #fafaff
}

.user-info_btn {
    position: absolute;
    right: 3%;
    bottom: -1.7rem;
    padding-top: .7rem;
    padding-bottom: .7rem
}

@media(min-width: 992px) {
    .user-info_btn {
        padding: .8rem 2.5rem
    }
}

.faqs-section {
    margin-bottom: 7rem
}

.faqs-section details {
    margin-bottom: 1.5rem
}

.faqs-section summary {
    border-radius: 15px;
    background-color: #232c3b;
    color: #fafaff;
    padding: 1.4rem 4.5rem 1.4rem 1.9rem;
    display: block;
    font-size: 1.8rem;
    cursor: pointer;
    position: relative;
    outline: none
}

.faqs-section summary:after {
    content: "";
    position: absolute;
    height: 2.9rem;
    width: 2.9rem;
    right: 1.2rem;
    background-image: url("../images/download.svg");
    top: 50%;
    transform: translateY(-50%)
}

.faqs-section details[open] summary:after {
    transform: rotate(180deg) translateY(50%)
}

.faqs-section details>div {
    text-align: left;
    padding: 1.5rem 2rem 1.5rem
}

.site-footer {
    padding-bottom: 10rem
}

.site-footer_menu {
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 5rem;
    column-gap: 5rem;
    flex-wrap: wrap;
    margin-bottom: 2rem
}

.site-footer_menu__span {
    font-size: 1.8rem;
    color: #fafafe;
    display: block;
    font-weight: 500;
    margin-bottom: 1rem
}

.site-footer_menu__list {
    display: flex;
    flex-direction: column
}

.site-footer_list__anchor {
    display: flex;
    align-items: center;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    font-size: 1.4rem;
    color: #b6bcc4;
    transition: color .3s linear
}

.site-footer_list__anchor:hover {
    color: #f5faff
}

.site-footer_list__anchor__special {
    color: #cfd4d8
}

.site-footer_list__image {
    width: 20px;
    height: 24px;
    fill: #b6bcc4;
    flex-shrink: 0;
    width: 24px;
    height: 24px
}

.site-footer_image__cover {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 2rem;
    background-color: #232c3b;
    border-radius: 40px;
    margin-right: 1rem;
    transition: background-color .3s linear;
    cursor: pointer
}

.site-footer_image__cover:hover {
    background-color: #394f69
}

.site-footer_menu__elem {
    margin-bottom: 2rem
}

.site-footer_icons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
}

.site-footer_icons__elem {
    margin-bottom: 1.5rem
}

.site-footer_copy {
    margin-top: .5rem;
    color: #abb2ba;
    font-size: 1.3rem;
    display: block;
    margin-bottom: .5rem;
    text-align: center
}

.site-footer_copy__descr {
    text-align: center;
    font-size: 1.3rem;
    color: #abb2ba
}

.site-footer_menu__span__socials {
    margin-top: 2rem
}

.site-footer_menu__socials {
    display: flex;
    align-items: center;
    gap: 8px
}

@media(min-width: 555px) {
    .site-footer {
        padding-bottom: 3rem
    }
}

@media(min-width: 1400px) {
    .site-footer {
        padding-left: 4rem;
        padding-right: 4rem
    }
}