@font-face {
    font-family: "Europa Grotesk";
    font-display: swap;
    src: url("../fonts/SG - Europa Grotesk SH OP Bold Extended.woff2") format("woff2");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "FONTSPRING DEMO - Flexible H900 W200";
    font-display: swap;
    src: url("../fonts/FSP DEMO - Flexible H900 W200.woff2") format("woff2");
    font-style: normal;
    font-weight: 400
}

* {
    padding: 0;
    margin: 0;
    border: 0
}

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

*::after,
*::before {
    display: inline-block
}

body,
html {
    height: 100%;
    min-width: 320px
}

body {
    color: #000;
    line-height: 1;
    font-family: "Europa Grotesk";
    font-size: 1.5rem;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button,
input,
textarea {
    font-family: "Europa Grotesk";
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: rgba(0, 0, 0, 0)
}

input,
textarea {
    width: 100%
}

label {
    display: inline-block
}

button,
option,
select {
    cursor: pointer
}

a {
    display: inline-block;
    color: inherit;
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit
}

.lock body {
    overflow: hidden;
    touch-action: none;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

@supports (overflow:clip) {
    .wrapper {
        overflow: clip
    }
}

.wrapper>main {
    flex: 1 1 auto
}

.wrapper>* {
    min-width: 0
}

[class*=__container] {
    max-width: 99.375rem;
    margin: 0 auto;
    padding: 0 .9375rem
}

[class*="--gc"] {
    display: grid;
    min-width: 0;
    grid-template-columns: .9375rem 1fr minmax(auto, 97.5rem) 1fr .9375rem
}

[class*="--gc"]>* {
    min-width: 0;
    grid-column: 3/4
}

.menu__list {
    display: flex
}

.menu__item {
    flex: 0 0 25%;
    display: flex;
    align-items: center;
    justify-content: center
}

.menu__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    transition: background-color .3s ease 0s, color .3s ease 0s, letter-spacing .3s ease 0s
}

.icon-menu {
    display: none
}

.ibg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ibg--top {
    -o-object-position: top;
    object-position: top
}

.ibg--bottom {
    -o-object-position: bottom;
    object-position: bottom
}

.ibg--left {
    -o-object-position: left;
    object-position: left
}

.ibg--right {
    -o-object-position: right;
    object-position: right
}

.ibg--contain {
    -o-object-fit: contain;
    object-fit: contain
}

.header {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    border-bottom: .4375rem solid #000
}

.header__logo {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    border-right: .3125rem solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s ease 0s;
    background-color: #fff
}

.header__logo img {
    max-width: 90%
}

.header__button {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5f4eea;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    transition: background-color .3s ease 0s, letter-spacing .3s ease 0s
}

.footer {
    position: relative;
    z-index: 2
}

.footer__top {
    border-top: .5rem solid #000;
    position: relative;
    z-index: 2;
    background-color: #3162f0;
    background-image: url( );
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.footer__top::before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 25%;
    aspect-ratio: 583/582;
    background: url(../img/flag-f1.png) center/contain no-repeat
}

.footer__top::after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    width: 55%;
    aspect-ratio: 1090/461;
    background: url(../img/flag-f2.png) center/contain no-repeat
}

.footer__container {
    position: relative;
    z-index: 2
}

.footer__top-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    border: .5rem solid #000;
    background: #fff;
    box-shadow: -.5rem .5rem 0 0 #000
}

.footer__top-menu {
    display: flex;
    flex-wrap: wrap
}

.footer__top-menu-item {
    color: #000;
    font-family: "Europa Grotesk";
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    transition: color .3s ease 0s
}

.footer__top-logo {
    position: relative
}

.footer__top-social {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.footer__top-social-item {
    position: relative;
    z-index: 2;
    border: .375rem solid #000;
    box-shadow: -.25rem .25rem 0 0 #000;
    display: flex;
    align-items: center;
    justify-content: center
}

.footer__top-social-item svg {
    transition: scale .3s ease 0s;
    width: 70%;
    height: 70%
}

.footer__top-social-item:nth-child(1) {
    background-color: #00a6ff
}

.footer__top-social-item:nth-child(2) {
    background-color: #1b1b1b
}

.footer__top-social-item:nth-child(3) {
    background-color: #1b1b1b
}

.footer__top-social-item:nth-child(4) {
    background-color: #fff
}

.footer__bottom {
    position: relative;
    z-index: 3;
    border-top: .1875rem solid #040402;
    background-color: #ff1515
}

.footer__bottom-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 0
}

.footer__bottom-body>span {
    color: #f4f2eb;
    font-family: "Europa Grotesk";
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase
}

.footer__bottom-body a {
    display: flex;
    align-items: center;
    transition: scale .3s ease 0s
}

.footer__bottom-body a>span {
    color: #f4f2eb;
    font-family: "Europa Grotesk";
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase
}

.page__hero {
    position: relative;
    z-index: 1
}

.page__vote {
    position: relative;
    z-index: 2
}

.page__about {
    position: relative;
    z-index: 1
}

.page__how {
    position: relative;
    z-index: 2
}

.page__tokenomics {
    position: relative;
    z-index: 1;
    padding-top: 2.5rem
}

.page__line {
    position: relative;
    z-index: 1;
    width: 100%;
    background: url(../img/decor.png) left/contain repeat-x
}

.page__line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .5rem;
    background-color: #000
}

.page__line::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .5rem;
    background-color: #000
}

.page__join {
    position: relative;
    z-index: 1
}

.menu-open-bg {
    pointer-events: none;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(.5rem);
    backdrop-filter: blur(.5rem);
    opacity: 0;
    transition: opacity .3s ease 0s
}

.menu-open .menu-open-bg {
    opacity: 1
}

@-webkit-keyframes heroImg {
    0% {
        -webkit-transform: translateX(-15%) translateY(100%);
        transform: translateX(-15%) translateY(100%)
    }
    100% {
        -webkit-transform: translateX(-15%) translateY(0);
        transform: translateX(-15%) translateY(0)
    }
}

@keyframes heroImg {
    0% {
        -webkit-transform: translateX(-15%) translateY(100%);
        transform: translateX(-15%) translateY(100%)
    }
    100% {
        -webkit-transform: translateX(-15%) translateY(0);
        transform: translateX(-15%) translateY(0)
    }
}

@-webkit-keyframes to-top {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(2.5rem);
        transform: translateY(2.5rem)
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes to-top {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(2.5rem);
        transform: translateY(2.5rem)
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes to-right {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-2.5rem);
        transform: translateX(-2.5rem)
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes to-right {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-2.5rem);
        transform: translateX(-2.5rem)
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes to-left {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(2.5rem);
        transform: translateX(2.5rem)
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes to-left {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(2.5rem);
        transform: translateX(2.5rem)
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes playBtn {
    0% {
        width: 100%;
        opacity: .1
    }
    100% {
        width: 200%;
        opacity: 0
    }
}

@keyframes playBtn {
    0% {
        width: 100%;
        opacity: .1
    }
    100% {
        width: 200%;
        opacity: 0
    }
}

.hero {
    background-color: #3162f0
}

.hero::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: url(../img/hero/bg.png) top/cover no-repeat
}

.hero__flag {
    position: absolute;
    z-index: 2;
    bottom: 1%;
    left: 0;
    width: 100%;
    height: 102%
}

.hero__flag img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hero__body {
    position: relative;
    width: 100%;
    display: flex
}

.hero__content {
    position: relative
}

.hero__title {
    position: relative;
    margin-bottom: 1.625rem
}

.hero__title span {
    position: relative;
    z-index: 3;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    display: inline-block;
    color: #fff;
    text-shadow: -.0326086957em .0326086957em 0 #000;
    -webkit-text-stroke-width: .0579710145em;
    paint-order: stroke fill;
    -webkit-text-stroke-color: #000;
    font-family: "FONTSPRING DEMO - Flexible H900 W200";
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -.01em
}

.hero__title span:nth-child(1) {
    position: relative;
    -webkit-transform: translateX(55%) translateY(20%) rotate(-2deg);
    transform: translateX(55%) translateY(20%) rotate(-2deg);
    z-index: 1
}

.hero__title span:nth-child(1)::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    right: 88%;
    width: 35%;
    aspect-ratio: 207/454;
    background: url(../img/hero/title-decor.png) center/contain no-repeat
}

.hero__title span:nth-child(3) {
    -webkit-transform: translateX(0) rotate(-2deg);
    transform: translateX(0) rotate(-2deg)
}

.hero__title span:nth-child(5) {
    -webkit-transform: translateX(30%) rotate(-2deg);
    transform: translateX(30%) rotate(-2deg)
}

.hero__actions {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    -webkit-column-gap: 1.125rem;
    -moz-column-gap: 1.125rem;
    column-gap: 1.125rem;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg)
}

.hero__button {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .5rem solid #000;
    background-color: #6450e8;
    box-shadow: -.5rem .5rem 0 0 #000;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    transition: background-color .3s ease 0s, letter-spacing .3s ease 0s;
    opacity: 0;
    font-family: "Europa Grotesk";
    visibility: hidden;
    color: #fff;
    font-style: normal;
    -webkit-transform: translateY(2.5rem);
    transform: translateY(2.5rem)
}

.loaded .hero__button {
    -webkit-animation: to-top .3s ease-out .4s forwards;
    animation: to-top .3s ease-out .4s forwards
}

.hero__social {
    display: flex;
    align-items: center;
    -webkit-column-gap: 1.125rem;
    -moz-column-gap: 1.125rem;
    column-gap: 1.125rem
}

.hero__social-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border: .5rem solid #000;
    box-shadow: -.5rem .5rem 0 0 #000;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(2.5rem);
    transform: translateY(2.5rem)
}

.loaded .hero__social-item:nth-child(1) {
    -webkit-animation: to-top .3s ease-out .5s forwards;
    animation: to-top .3s ease-out .5s forwards
}

.loaded .hero__social-item:nth-child(2) {
    -webkit-animation: to-top .3s ease-out .6s forwards;
    animation: to-top .3s ease-out .6s forwards
}

.loaded .hero__social-item:nth-child(3) {
    -webkit-animation: to-top .3s ease-out .7s forwards;
    animation: to-top .3s ease-out .7s forwards
}

.loaded .hero__social-item:nth-child(4) {
    -webkit-animation: to-top .3s ease-out .8s forwards;
    animation: to-top .3s ease-out .8s forwards
}

.hero__social-item svg {
    transition: scale .3s ease 0s;
    max-width: 70%;
    max-height: 70%
}

.hero__social-item:nth-child(1) {
    background-color: #6450e8
}

.hero__social-item:nth-child(2) {
    background-color: #1b1b1b
}

.hero__social-item:nth-child(3) {
    background-color: #1b1b1b
}

.hero__social-item:nth-child(4) {
    background-color: #fff
}

.hero__image {
    position: relative;
    z-index: 3
}

.hero__image img {
    width: 100%
}

.vote::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 5rem;
    left: 0;
    width: 100%;
    height: calc(100% - 5rem);
    background-color: #3162f0
}

.vote::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 5rem;
    left: 0;
    width: 100%;
    height: calc(100% - 5rem);
    background: url( ) top/cover no-repeat
}

.vote__flag {
    pointer-events: none;
    position: relative;
    z-index: 2;
    width: 100%
}

.vote__flag img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.vote__container {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: space-between
}

.vote__content-body {
    border: .3125rem solid #000;
    background: #fff;
    box-shadow: -.5rem .5rem 0 0 #000
}

.vote__content-title {
    position: relative;
    display: inline-block;
    color: #fff;
    text-shadow: -.05em .05em 0 #000;
    -webkit-text-stroke-width: .06em;
    paint-order: stroke fill;
    -webkit-text-stroke-color: #000;
    font-family: "FONTSPRING DEMO - Flexible H900 W200";
    font-style: normal;
    font-weight: 500;
    line-height: 80%;
    letter-spacing: .01em;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-2.5rem);
    transform: translateX(-2.5rem)
}

.vote__content-title._watcher-view {
    -webkit-animation: to-right .3s ease-out .2s forwards;
    animation: to-right .3s ease-out .2s forwards
}

.vote__content-title::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 80%;
    width: 85%;
    aspect-ratio: 237/196;
    background: url(../img/vote/title-decor.png) center/contain no-repeat
}

.vote__content-title span {
    position: relative;
    z-index: 2
}

.vote__content-title span:nth-child(1) {
    color: #ff1515
}

.vote__content-list {
    display: flex;
    flex-direction: column;
    overflow-y: auto
}

.vote__content-list::-webkit-scrollbar {
    width: .625rem;
    background: rgba(49, 97, 240, 0)
}

.vote__content-list::-webkit-scrollbar-thumb {
    background-color: rgba(49, 97, 240, .4)
}

.vote__content-list::-webkit-scrollbar-thumb:hover {
    background-color: rgba(49, 97, 240, .8)
}

.vote__content-item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.vote__content-item>div {
    display: flex;
    align-items: center
}

.vote__content-item>div>span {
    flex-shrink: 1;
    color: #000;
    font-family: "Europa Grotesk";
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase
}

.vote__content-item>div>span.min {
    width: auto;
    text-wrap: wrap
}

.vote__content-item>span {
    color: #000;
    font-family: "Europa Grotesk";
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase
}

.vote__content-item:not(:last-child) {
    border-bottom: .1875rem dashed #000
}

.vote__content-item-quantity {
    flex-shrink: 0;
    margin-left: 1.25rem
}

.vote__content-total {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-column-gap: .75rem;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    color: #000;
    font-family: "Europa Grotesk";
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase
}

.vote__trump {
    pointer-events: none;
    position: relative;
    z-index: 3
}

.vote__trump img {
    display: inline-block
}

.vote__box {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 32.3125rem;
    aspect-ratio: 517/303
}

.vote__box.active .vote__box-img2 {
    -webkit-transform: translateX(5%) translateY(100%);
    transform: translateX(5%) translateY(100%);
    transition: -webkit-transform .3s ease-in .6s;
    transition: transform .3s ease-in .6s;
    transition: transform .3s ease-in .6s, -webkit-transform .3s ease-in .6s
}

.vote__box.active .vote__box-img2 img:nth-child(2) {
    scale: 1;
    opacity: 1;
    visibility: visible;
    transition: scale .15s ease-in 0s, opacity .15s ease-in 0s, visibility .15s ease-in 0s
}

.vote__box-img1 {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vote__box-img1 img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.vote__box-img2 {
    position: absolute;
    z-index: 2;
    top: -50%;
    left: 20%;
    width: 51%;
    aspect-ratio: 264/198
}

.vote__box-img2 img {
    position: absolute;
    z-index: 1
}

.vote__box-img2 img:nth-child(1) {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.vote__box-img2 img:nth-child(2) {
    top: 15%;
    left: 10%;
    width: 16%;
    aspect-ratio: 41/44;
    -o-object-fit: contain;
    object-fit: contain;
    scale: 1.4;
    opacity: 0;
    visibility: hidden
}

.vote__box-img3 {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vote__box-img3 img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.vote__button {
    position: absolute;
    z-index: 4;
    bottom: 15%;
    left: 10%;
    width: 80%;
    aspect-ratio: 343/73;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #6450e8;
    border: .3125rem solid #000;
    box-shadow: -.3125rem .3125rem 0 0 #000;
    color: #fff;
    font-family: "Europa Grotesk";
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
    transition: background-color .3s ease 0s, letter-spacing .3s ease 0s
}

.vote__stars {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: .5rem solid #000;
    border-bottom: .5rem solid #000;
    background-color: #fff;
    padding: .625rem 0
}

.vote__stars svg {
    flex-shrink: 0;
    width: 3.875rem;
    height: 3.6875rem
}

.about::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 10%;
    left: 0;
    width: 100%;
    height: 90%;
    background: url(../img/about/bg.png) top/cover no-repeat
}

.about__container {
    position: relative;
    z-index: 2
}

.about__body {
    display: flex;
    justify-content: space-between
}

.about__image {
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-2.5rem);
    transform: translateX(-2.5rem)
}

.about__image img {
    position: relative;
    z-index: 2;
    width: 100%
}

.about__image video {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    top: 6%;
    left: 6%;
    width: 88%;
    height: 60%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.about__content {
    position: relative;
    flex: 0 0 47%;
    border: .5rem solid #000;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(2.5rem);
    transform: translateX(2.5rem);
    box-shadow: -.625rem .625rem 0 0 #000
}

.about__content::before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    width: 30%;
    aspect-ratio: 277/237;
    background: url(../img/about/content-dec.png) center/contain no-repeat
}

.about__title {
    position: relative;
    z-index: 2;
    display: inline-block;
    color: #fff;
    text-shadow: -.04em .04em 0 #000;
    -webkit-text-stroke-width: .04em;
    -webkit-text-stroke-color: #000;
    paint-order: stroke fill;
    font-family: "FONTSPRING DEMO - Flexible H900 W200";
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: .01em
}

.about__title::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 95%;
    width: 80%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    aspect-ratio: 336/325;
    background: url(../img/about/title-dec.png) center/contain no-repeat
}

.about__title span {
    color: #ff1515
}

.about__text {
    position: relative;
    z-index: 2;
    border-top: .25rem dashed #000;
    color: #000;
    font-family: "Europa Grotesk";
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase
}

.about__button {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .3125rem solid #000;
    background: #ff1515;
    box-shadow: -.3125rem .3125rem 0 0 #000;
    color: #fff;
    font-family: "Europa Grotesk";
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    aspect-ratio: 320/72;
    transition: background-color .3s ease 0s, letter-spacing .3s ease 0s
}

.how__top {
    position: relative;
    background-color: #3162f0;
    background-image: url(../img/how/bg.png);
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat
}

.how__top::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.125rem;
    border-top: .5rem solid #000;
    border-bottom: .5rem solid #000;
    background-color: #ccc
}

.how__top-body {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%
}

.how__top-title {
    color: #fff;
    text-shadow: -.04em .04em 0 #000;
    -webkit-text-stroke-width: .04em;
    -webkit-text-stroke-color: #000;
    paint-order: stroke fill;
    font-family: "FONTSPRING DEMO - Flexible H900 W200";
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: .01em;
    text-wrap: nowrap;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-2.5rem);
    transform: translateX(-2.5rem)
}

.how__top-title._watcher-view {
    -webkit-animation: to-right .3s ease-out .2s forwards;
    animation: to-right .3s ease-out .2s forwards
}

.how__top-image {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    width: 84%;
    aspect-ratio: 1578/417
}

.how__top-image img {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.how__player {
    position: relative;
    border-top: .5rem solid #000;
    border-bottom: .5rem solid #000;
    background-color: #ccc;
    padding: 1.25rem;
    overflow: hidden
}

.how__player-image {
    border: .5rem solid #000;
    width: 100%
}

.how__player-image img {
    width: 100%
}

.how__player-controlls {
    position: absolute;
    z-index: 2;
    bottom: 1.25rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: .5rem solid #000;
    border-bottom: none;
    background-color: #ccc;
    padding: 2.125rem 2.125rem 0 2.125rem;
    border-radius: 2rem 2rem 0 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.how__player-controlls-title {
    color: #000;
    font-family: "Europa Grotesk";
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase;
    text-wrap: nowrap;
    white-space: nowrap
}

.how__player-controlls-buttons {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.how__player-controlls-buttons button {
    aspect-ratio: 1;
    border-radius: 50%
}

.how__player-controlls-buttons button svg {
    transition: scale .3s ease 0s;
    width: 100%;
    height: 100%
}

.how__player-controlls-buttons button:nth-child(1) {
    flex: 0 0 25%
}

.how__player-controlls-buttons button:nth-child(2) {
    flex: 0 0 32%;
    position: relative
}

.how__player-controlls-buttons button:nth-child(2)::before {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    aspect-ratio: 1;
    border-radius: 50%;
    border: .25rem solid #000;
    opacity: 0;
    -webkit-animation: playBtn 1s ease-out infinite;
    animation: playBtn 1s ease-out infinite
}

.how__player-controlls-buttons button:nth-child(2)::after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    aspect-ratio: 1;
    border-radius: 50%;
    border: .25rem solid #000;
    opacity: 0;
    -webkit-animation: playBtn 1s ease-out .4s infinite;
    animation: playBtn 1s ease-out .4s infinite
}

.how__player-controlls-buttons button:nth-child(2).play svg:nth-child(2) {
    opacity: 1;
    display: block
}

.how__player-controlls-buttons button:nth-child(2).play svg:nth-child(1) {
    opacity: 0;
    display: none
}

.how__player-controlls-buttons button:nth-child(2) svg:nth-child(1) {
    opacity: 1;
    display: block
}

.how__player-controlls-buttons button:nth-child(2) svg:nth-child(2) {
    opacity: 0;
    display: none
}

.how__player-controlls-buttons button:nth-child(3) {
    flex: 0 0 25%
}

.how__bottom {
    background-color: #6450e8;
    position: relative
}

.how__bottom::before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.125rem;
    border-top: .5rem solid #000;
    border-bottom: .5rem solid #000;
    background-color: #ccc
}

.how__container {
    padding-bottom: 2.125rem
}

.how__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.how__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-2.5rem);
    transform: translateX(-2.5rem)
}

.how__item:not(:last-child)::before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    height: 85%;
    border-right: .1875rem dashed #000
}

.how__item-title img {
    max-width: 85%
}

.how__item-text {
    color: #fff;
    font-family: "Europa Grotesk";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase
}

.tokenomics {
    background: url(../img/tokenomics/bg.png) center/cover no-repeat
}

.tokenomics__container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.tokenomics__content {
    flex: 0 0 45%;
    border: .5rem solid #000;
    background-color: #fff;
    box-shadow: -.625rem .625rem 0 0 #000;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-2.5rem);
    transform: translateX(-2.5rem)
}

.tokenomics__items {
    display: flex;
    flex-direction: column
}

.tokenomics__items-row:nth-child(1) {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.tokenomics__items-row:nth-child(1) .tokenomics__items-item:nth-child(1) {
    border-right: .25rem dashed #000
}

.tokenomics__items-row:nth-child(1) .tokenomics__items-item:nth-child(2) .tokenomics__items-item-name {
    align-self: flex-end
}

.tokenomics__items-row:nth-child(2) {
    border-top: .25rem dashed #000;
    border-bottom: .25rem dashed #000
}

.tokenomics__items-row:nth-child(2) .tokenomics__items-item-value img {
    width: 100%
}

.tokenomics__items-item {
    display: flex;
    flex-direction: column
}

.tokenomics__items-item-name {
    align-self: flex-start;
    color: #000;
    font-family: "Europa Grotesk";
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase
}

.tokenomics__items-item-value {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.tokenomics__items-item-value.right {
    justify-content: flex-end
}

.tokenomics__items-item-value.left {
    justify-content: flex-start
}

.tokenomics__items-item-value img {
    max-width: 85%
}

.tokenomics__ca {
    display: flex;
    align-items: center;
    border: .3125rem solid #000;
    background: #fff;
    box-shadow: -.4375rem .4375rem 0 0 #000;
    padding: .625rem .625rem 1rem 0
}

.tokenomics__ca:has(button:hover) .tokenomics__ca-number {
    color: #3162f0
}

.tokenomics__ca-image {
    position: relative
}

.tokenomics__ca-number {
    word-break: break-all;
    color: #000;
    font-family: "Europa Grotesk";
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    transition: color .3s ease 0s
}

.tokenomics__ca-button {
    flex-shrink: 0;
    display: flex;
    align-items: center
}

.tokenomics__ca-button img {
    transition: scale .3s ease 0s;
    width: 100%;
    height: 100%
}

.tokenomics__image {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(2.5rem);
    transform: translateX(2.5rem)
}

.tokenomics__image img {
    width: 100%
}

.join {
    width: 100%;
    background: url(../img/join/bg.png) center/cover no-repeat
}

.join__container {
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.join__button {
    position: relative;
    z-index: 2;
    border: .5rem solid #000;
    background-color: #ff1515;
    box-shadow: -.5rem .5rem 0 0 #000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: "Europa Grotesk";
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    transition: background-color .3s ease 0s, letter-spacing .3s ease 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(2.5rem);
    transform: translateY(2.5rem)
}

.join__button._watcher-view {
    -webkit-animation: to-top .3s ease-out .2s forwards;
    animation: to-top .3s ease-out .2s forwards
}

.join__social {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.join__social-item {
    border: .5rem solid #000;
    box-shadow: -.5rem .5rem 0 0 #000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(2.5rem);
    transform: translateY(2.5rem)
}

.join__social-item svg {
    transition: scale .3s ease 0s;
    width: 70%;
    height: 70%
}

.join__social-item:nth-child(1) {
    background-color: #00a6ff
}

.join__social-item:nth-child(2) {
    background-color: #1b1b1b
}

@media (min-width:61.99875em) {
    .menu__item {
        border-right: .3125rem solid #000
    }
    .menu__link._navigator-active {
        background-color: #6450e8;
        color: #fff;
        letter-spacing: .1em
    }
    .menu__link {
        width: 100%;
        background-color: #fff
    }
    .header__menu {
        flex: 1 1 auto
    }
    .footer__top-logo {
        flex: 0 0 15%
    }
    .footer__top-logo img {
        position: absolute;
        width: 100%;
        aspect-ratio: 1;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -65%);
        transform: translate(-50%, -65%)
    }
    .hero__content {
        flex: 0 0 52%;
        padding-left: 7%;
        align-self: flex-end
    }
    .hero__image {
        flex: 0 0 56%;
        align-self: flex-end;
        -webkit-transform: translateX(-15%) translateY(100%);
        transform: translateX(-15%) translateY(100%)
    }
    .loaded .hero__image {
        -webkit-animation: heroImg .45s ease-out .7s forwards;
        animation: heroImg .45s ease-out .7s forwards
    }
    .vote__flag {
        aspect-ratio: 1920/358
    }
    .vote__content {
        align-self: flex-end;
        flex: 1 1 auto
    }
    .vote__trump {
        align-self: flex-end;
        flex: 0 0 32%
    }
    .vote__trump img {
        width: 110%;
        -webkit-transform: translateX(-8%);
        transform: translateX(-8%)
    }
    .vote__box {
        align-self: flex-end
    }
    .vote__box {
        flex-shrink: 0
    }
    .about__body._watcher-view .about__image {
        -webkit-animation: to-right .3s ease-out .2s forwards;
        animation: to-right .3s ease-out .2s forwards
    }
    .about__body._watcher-view .about__content {
        -webkit-animation: to-left .3s ease-out .2s forwards;
        animation: to-left .3s ease-out .2s forwards
    }
    .about__image {
        flex: 0 0 47%
    }
    .how__top-body {
        aspect-ratio: 11.4/2
    }
    .how__items._watcher-view .how__item:nth-child(1) {
        -webkit-animation: to-right .3s ease-out .2s forwards;
        animation: to-right .3s ease-out .2s forwards
    }
    .how__items._watcher-view .how__item:nth-child(2) {
        -webkit-animation: to-right .3s ease-out .3s forwards;
        animation: to-right .3s ease-out .3s forwards
    }
    .how__items._watcher-view .how__item:nth-child(3) {
        -webkit-animation: to-right .3s ease-out .4s forwards;
        animation: to-right .3s ease-out .4s forwards
    }
    .how__items._watcher-view .how__item:nth-child(4) {
        -webkit-animation: to-right .3s ease-out .5s forwards;
        animation: to-right .3s ease-out .5s forwards
    }
    .tokenomics__container._watcher-view .tokenomics__content {
        -webkit-animation: to-right .3s ease-out .2s forwards;
        animation: to-right .3s ease-out .2s forwards
    }
    .tokenomics__container._watcher-view .tokenomics__image {
        -webkit-animation: to-left .3s ease-out .2s forwards;
        animation: to-left .3s ease-out .2s forwards
    }
    .tokenomics__ca-image {
        flex: 0 0 20%
    }
    .tokenomics__ca-image img {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        width: 100%;
        aspect-ratio: 145/142
    }
    .tokenomics__image {
        flex: 0 0 50%
    }
    .join {
        aspect-ratio: 1920/1207
    }
    .join__social._watcher-view .join__social-item:nth-child(1) {
        -webkit-animation: to-top .3s ease-out .3s forwards;
        animation: to-top .3s ease-out .3s forwards
    }
    .join__social._watcher-view .join__social-item:nth-child(2) {
        -webkit-animation: to-top .3s ease-out .4s forwards;
        animation: to-top .3s ease-out .4s forwards
    }
}

@media (min-width:61.99875em)and (min-width:160em) {
    .hero__content {
        padding-bottom: 7.5rem
    }
}

@media (min-width:61.99875em)and (min-width:99.375em) {
    .vote__content {
        margin-bottom: 5rem
    }
    .vote__box {
        width: 32.3125rem
    }
}

@media (min-width:99.375em) {
    .footer__top {
        padding-top: 2.5rem
    }
    .footer__top {
        padding-bottom: 2.5rem
    }
    .footer__top-body {
        padding: 2.5rem
    }
    .footer__top-menu {
        -webkit-column-gap: 3rem;
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }
    .footer__top-menu {
        row-gap: 1.25rem
    }
    .footer__top-menu-item {
        font-size: 2.375rem
    }
    .footer__top-menu-item svg {
        width: 2.875rem
    }
    .footer__top-menu-item svg {
        height: 2.75rem
    }
    .footer__top-social {
        gap: 1.25rem
    }
    .footer__top-social {
        margin-left: 3.75rem
    }
    .footer__top-social-item {
        width: 4rem
    }
    .footer__top-social-item {
        height: 4rem
    }
    .footer__bottom-body>span {
        font-size: 1.25rem
    }
    .footer__bottom-body a {
        -webkit-column-gap: .5rem;
        -moz-column-gap: .5rem;
        column-gap: .5rem
    }
    .footer__bottom-body a>span {
        font-size: 1.25rem
    }
    .footer__bottom-body a img {
        width: 8.9375rem
    }
    .page__about {
        padding-top: 7.5rem
    }
    .page__about {
        padding-bottom: 8.75rem
    }
    .page__tokenomics {
        padding-bottom: 3.75rem
    }
    .page__line {
        height: 10.25rem
    }
    .hero__button {
        font-size: 1.5rem
    }
    .hero__button {
        width: 17.5rem
    }
    .hero__button {
        height: 5rem
    }
    .hero__social-item {
        width: 5rem
    }
    .hero__social-item {
        height: 5rem
    }
    .vote__content-body {
        padding: 1.75rem
    }
    .vote__content-title {
        font-size: 6.25rem
    }
    .vote__content-title {
        margin-bottom: 3.125rem
    }
    .vote__content-title {
        padding-top: 1.25rem
    }
    .vote__content-list {
        height: 11.25rem
    }
    .vote__content-list {
        margin-bottom: 1.5rem
    }
    .vote__content-item {
        padding: .5rem
    }
    .vote__content-item>div {
        -webkit-column-gap: 1.125rem;
        -moz-column-gap: 1.125rem;
        column-gap: 1.125rem
    }
    .vote__content-item>div>span {
        width: 3rem
    }
    .vote__content-item>div>span {
        font-size: 2rem
    }
    .vote__content-item>div>span.min {
        font-size: 1.375rem
    }
    .vote__content-item>div>img {
        width: 3.375rem
    }
    .vote__content-item>span {
        font-size: 1.375rem
    }
    .vote__content-total {
        font-size: 2rem
    }
    .vote__button {
        font-size: 1.5375rem
    }
    .vote__stars {
        -webkit-column-gap: 2.25rem;
        -moz-column-gap: 2.25rem;
        column-gap: 2.25rem
    }
    .about__body {
        padding-left: 3.75rem
    }
    .about__body {
        padding-right: 3.75rem
    }
    .about__content {
        padding-top: 1.875rem
    }
    .about__content {
        padding-left: 3.125rem
    }
    .about__content {
        padding-right: 3.125rem
    }
    .about__content {
        padding-bottom: 2.5rem
    }
    .about__title {
        font-size: 15.625rem
    }
    .about__title {
        padding-bottom: 1.875rem
    }
    .about__text {
        font-size: 1.375rem
    }
    .about__text {
        padding-top: 1.75rem
    }
    .about__text {
        margin-bottom: 2.5rem
    }
    .about__button {
        width: 20rem
    }
    .about__button {
        font-size: 1.5rem
    }
    .how__top-title {
        margin-bottom: 1.875rem
    }
    .how__top-title {
        font-size: 15.625rem
    }
    .how__player-controlls-title {
        font-size: 1.5rem
    }
    .how__player-controlls-title {
        margin-bottom: 2.1875rem
    }
    .how__item {
        padding: 1.25rem
    }
    .how__item-title {
        margin-bottom: 1.125rem
    }
    .how__item-text {
        font-size: 1.125rem
    }
    .tokenomics__content {
        padding-top: 2.5rem
    }
    .tokenomics__content {
        padding-left: 3.125rem
    }
    .tokenomics__content {
        padding-right: 3.125rem
    }
    .tokenomics__content {
        padding-bottom: 3.125rem
    }
    .tokenomics__items {
        margin-bottom: 3.75rem
    }
    .tokenomics__items-item-name {
        font-size: 1.625rem
    }
    .tokenomics__ca-number {
        font-size: 1.25rem
    }
    .tokenomics__ca-button {
        width: 2.625rem
    }
    .tokenomics__ca-button {
        height: 2.625rem
    }
    .tokenomics__ca-button {
        margin-left: 1.4375rem
    }
    .join__container {
        padding-bottom: 6.25rem
    }
    .join__button {
        font-size: 1.5rem
    }
    .join__button {
        width: 17.5rem
    }
    .join__button {
        height: 4.5rem
    }
    .join__social-item {
        height: 4.5rem
    }
    .join__social-item {
        width: 4.5rem
    }
}

@media (min-width:120em) {
    .menu__link {
        height: 4.5625rem
    }
    .menu__link {
        font-size: 1.5375rem
    }
    .header__logo {
        width: 20rem
    }
    .header__logo {
        height: 4.5625rem
    }
    .header__button {
        font-size: 1.5rem
    }
    .header__button {
        width: 20rem
    }
    .header__button {
        height: 4.5625rem
    }
    .hero__title span {
        font-size: 12.5rem
    }
    .hero__title span:nth-child(1) {
        font-size: 18.75rem
    }
}

@media (min-width:160em) {
    .hero__body {
        padding-top: 6.875rem
    }
    .hero__body {
        min-height: 80rem
    }
    .vote__flag {
        margin-top: -5.25rem
    }
    .vote__container {
        margin-top: -20rem
    }
}

@media (max-width:75em) {
    .vote::before {
        top: 3.75rem;
        height: calc(100% - 3.75rem)
    }
    .vote::after {
        top: 3.75rem;
        height: calc(100% - 3.75rem)
    }
}

@media (max-width:20em) {
    .menu__link {
        font-size: 1.5rem
    }
    .header__logo {
        width: 8.75rem
    }
    .header__button {
        font-size: 1.25rem
    }
    .footer__top {
        padding-top: 1.875rem
    }
    .footer__top {
        padding-bottom: 1.875rem
    }
    .footer__top-body {
        padding: .9375rem
    }
    .footer__top-menu {
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }
    .footer__top-menu {
        row-gap: .75rem
    }
    .footer__top-menu-item {
        font-size: 1.25rem
    }
    .footer__top-menu-item svg {
        width: 1.75rem
    }
    .footer__top-menu-item svg {
        height: 1.6875rem
    }
    .footer__top-logo {
        width: 7.5rem
    }
    .footer__top-social {
        gap: .875rem
    }
    .footer__top-social-item {
        width: 3.375rem
    }
    .footer__top-social-item {
        height: 3.375rem
    }
    .footer__bottom-body>span {
        font-size: 1rem
    }
    .footer__bottom-body a {
        -webkit-column-gap: .375rem;
        -moz-column-gap: .375rem;
        column-gap: .375rem
    }
    .footer__bottom-body a>span {
        font-size: 1rem
    }
    .footer__bottom-body a img {
        width: 7.5rem
    }
    .page__about {
        padding-top: 3.75rem
    }
    .page__about {
        padding-bottom: 3.75rem
    }
    .page__tokenomics {
        padding-bottom: 2.5rem
    }
    .page__line {
        height: 5rem
    }
    .hero__body {
        padding-top: 7.5rem
    }
    .hero__title span {
        font-size: 5.625rem
    }
    .hero__title span:nth-child(1) {
        font-size: 7.5rem
    }
    .hero__button {
        font-size: 1.25rem
    }
    .hero__button {
        width: 15rem
    }
    .hero__button {
        height: 3.75rem
    }
    .hero__social-item {
        width: 3.75rem
    }
    .hero__social-item {
        height: 3.75rem
    }
    .vote__flag {
        height: 8.75rem
    }
    .vote__container {
        margin-top: 1.25rem
    }
    .vote__content-body {
        padding: 1.125rem
    }
    .vote__content-title {
        font-size: 3.75rem
    }
    .vote__content-title {
        margin-bottom: 2.125rem
    }
    .vote__content-title {
        padding-top: .625rem
    }
    .vote__content-list {
        height: 8.75rem
    }
    .vote__content-list {
        margin-bottom: 1rem
    }
    .vote__content-item {
        padding: .375rem
    }
    .vote__content-item>div {
        -webkit-column-gap: .625rem;
        -moz-column-gap: .625rem;
        column-gap: .625rem
    }
    .vote__content-item>div>span {
        width: 2.25rem
    }
    .vote__content-item>div>span {
        font-size: 1.5rem
    }
    .vote__content-item>div>span.min {
        font-size: 1.25rem
    }
    .vote__content-item>div>img {
        width: 2.75rem
    }
    .vote__content-item>span {
        font-size: 1.25rem
    }
    .vote__content-total {
        font-size: 1.375rem
    }
    .vote__stars {
        -webkit-column-gap: .75rem;
        -moz-column-gap: .75rem;
        column-gap: .75rem
    }
    .about__content {
        padding-top: 1rem
    }
    .about__content {
        padding-left: 1rem
    }
    .about__content {
        padding-right: 1rem
    }
    .about__content {
        padding-bottom: 1rem
    }
    .about__title {
        font-size: 7.5rem
    }
    .about__title {
        padding-bottom: 1rem
    }
    .about__text {
        font-size: .875rem
    }
    .about__text {
        padding-top: .875rem
    }
    .about__text {
        margin-bottom: 1.25rem
    }
    .about__button {
        width: 13.75rem
    }
    .about__button {
        font-size: 1.375rem
    }
    .how__top-title {
        font-size: 7.5rem
    }
    .how__player-controlls-title {
        font-size: .625rem
    }
    .how__player-controlls-title {
        margin-bottom: .75rem
    }
    .how__item {
        padding: .875rem
    }
    .how__item-title {
        margin-bottom: .875rem
    }
    .how__item-text {
        font-size: .9375rem
    }
    .tokenomics__content {
        padding-top: 1.25rem
    }
    .tokenomics__content {
        padding-left: .9375rem
    }
    .tokenomics__content {
        padding-right: .9375rem
    }
    .tokenomics__content {
        padding-bottom: .9375rem
    }
    .tokenomics__items {
        margin-bottom: 2.5rem
    }
    .tokenomics__items-item-name {
        font-size: .75rem
    }
    .tokenomics__ca-number {
        font-size: 1rem
    }
    .tokenomics__ca-button {
        width: 2.25rem
    }
    .tokenomics__ca-button {
        height: 2.25rem
    }
    .tokenomics__ca-button {
        margin-left: .875rem
    }
    .join__container {
        padding-bottom: .875rem
    }
    .join__button {
        font-size: 1.375rem
    }
    .join__button {
        width: 15rem
    }
    .join__button {
        height: 3.875rem
    }
    .join__social-item {
        height: 3.875rem
    }
    .join__social-item {
        width: 3.875rem
    }
}

@media (max-width:92.5em) {
    .hero__actions {
        flex-direction: column;
        row-gap: 1.25rem
    }
}

@media (max-width:61.99875em) {
    .menu__body {
        position: fixed;
        width: auto;
        height: auto;
        right: -100%;
        top: 3.8125rem;
        overflow: auto;
        background-color: #fff;
        border-bottom: .3125rem solid #000;
        border-left: .3125rem solid #000;
        padding: 1.875rem .9375rem 1.875rem .9375rem;
        transition: right .3s
    }
    .menu-open .menu__body {
        right: 0
    }
    .menu__list {
        flex-direction: column;
        align-items: flex-end;
        row-gap: 1.25rem
    }
    .menu__link._navigator-active {
        color: #6450e8
    }
    .icon-menu {
        display: block;
        position: relative;
        width: 3.5rem;
        height: 3.5rem;
        z-index: 5
    }
    .icon-menu span,
    .icon-menu::after,
    .icon-menu::before {
        content: "";
        transition: all .3s ease 0s;
        right: .625rem;
        position: absolute;
        width: calc(100% - 1.25rem);
        height: .125rem;
        background-color: #000
    }
    .icon-menu::before {
        top: 1.125rem
    }
    .icon-menu::after {
        bottom: 1.125rem
    }
    .icon-menu span {
        top: calc(50% - .0625rem)
    }
    .menu-open .icon-menu span {
        width: 0
    }
    .menu-open .icon-menu::before {
        top: calc(50% - .0625rem);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .menu-open .icon-menu::after {
        bottom: calc(50% - .0625rem);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .header {
        border-bottom: .3125rem solid #000
    }
    .header__logo {
        border-right: .1875rem solid #000;
        height: 3.5rem;
        order: 1
    }
    .header__menu {
        order: 3;
        flex: 0 0 3.5rem;
        background-color: #fff
    }
    .header__button {
        order: 2;
        flex: 1 1 auto;
        border-right: .1875rem solid #000
    }
    .footer__top-body {
        flex-direction: column
    }
    .footer__top-menu {
        align-items: center;
        justify-content: center;
        margin-bottom: 1.25rem
    }
    .footer__top-logo {
        margin-bottom: 1.25rem
    }
    .footer__top-logo img {
        width: 100%
    }
    .hero__body {
        flex-direction: column;
        align-items: center;
        row-gap: 2.5rem;
        min-height: 100vh;
        justify-content: space-between
    }
    .hero__content {
        display: flex;
        flex-direction: column;
        align-items: center
    }
    .hero__title span:nth-child(1) {
        -webkit-transform: translateX(35%) translateY(0) rotate(-2deg);
        transform: translateX(35%) translateY(0) rotate(-2deg)
    }
    .hero__title span:nth-child(3) {
        -webkit-transform: translateX(-5%) rotate(-2deg);
        transform: translateX(-5%) rotate(-2deg)
    }
    .hero__title span:nth-child(5) {
        -webkit-transform: translateX(25%) rotate(-2deg);
        transform: translateX(25%) rotate(-2deg)
    }
    .hero__button {
        border: .375rem solid #000;
        box-shadow: -.375rem .375rem 0 0 #000
    }
    .hero__social-item {
        border: .375rem solid #000;
        box-shadow: -.375rem .375rem 0 0 #000
    }
    .vote__container {
        flex-direction: column;
        align-items: center
    }
    .vote__content {
        width: 100%;
        order: 2
    }
    .vote__trump {
        width: 100%;
        max-width: 27.5rem;
        order: 3
    }
    .vote__trump img {
        width: 100%
    }
    .vote__box {
        order: 1
    }
    .about__body {
        flex-direction: column-reverse;
        align-items: center;
        row-gap: 1.25rem
    }
    .about__image {
        width: 100%;
        max-width: 30rem
    }
    .about__image._watcher-view {
        -webkit-animation: to-right .3s ease-out .2s forwards;
        animation: to-right .3s ease-out .2s forwards
    }
    .about__content {
        width: 100%;
        max-width: 40.625rem
    }
    .about__content._watcher-view {
        -webkit-animation: to-left .3s ease-out .2s forwards;
        animation: to-left .3s ease-out .2s forwards
    }
    .about__button {
        align-self: center
    }
    .how__top-body {
        padding-top: 3.75rem;
        padding-bottom: 1.5rem
    }
    .how__items {
        grid-template-columns: repeat(1, 1fr)
    }
    .how__item {
        align-items: center;
        text-align: center
    }
    .how__item._watcher-view {
        -webkit-animation: to-right .3s ease-out .2s forwards;
        animation: to-right .3s ease-out .2s forwards
    }
    .how__item:not(:last-child)::before {
        top: 0;
        height: 100%;
        border-bottom: .1875rem dashed #000;
        border-right: none
    }
    .tokenomics__container {
        flex-direction: column-reverse
    }
    .tokenomics__content._watcher-view {
        -webkit-animation: to-right .3s ease-out .2s forwards;
        animation: to-right .3s ease-out .2s forwards
    }
    .tokenomics__ca {
        padding: .625rem .625rem;
        flex-direction: column;
        align-items: center;
        text-align: center;
        row-gap: .625rem
    }
    .tokenomics__ca-image {
        width: 100%;
        max-width: 9.0625rem;
        margin-top: -3.125rem
    }
    .tokenomics__ca-image img {
        width: 100%
    }
    .tokenomics__image {
        width: 100%;
        max-width: 32.5rem
    }
    .tokenomics__image._watcher-view {
        -webkit-animation: to-left .3s ease-out .2s forwards;
        animation: to-left .3s ease-out .2s forwards
    }
    .join {
        background: url(../img/join/bg.png) bottom/cover no-repeat
    }
    .join__social._watcher-view .join__social-item:nth-child(1) {
        -webkit-animation: to-top .3s ease-out .2s forwards;
        animation: to-top .3s ease-out .2s forwards
    }
    .join__social._watcher-view .join__social-item:nth-child(2) {
        -webkit-animation: to-top .3s ease-out .3s forwards;
        animation: to-top .3s ease-out .3s forwards
    }
}

@media (max-width:61.99875em)and (any-hover:none) {
    .icon-menu {
        cursor: default
    }
}

@media (max-width:61.99875em)and (max-width:20em) {
    .join {
        height: 35rem
    }
}

@media (max-width:47.99875em) {
    .footer__bottom-body {
        flex-direction: column-reverse;
        row-gap: .375rem
    }
    .vote__stars svg {
        width: 3.375rem;
        height: 3.1875rem
    }
    .how__player-controlls {
        padding: .5rem .5rem 0 .5rem;
        border-radius: 1rem 1rem 0 0
    }
    .join__container {
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        row-gap: 1rem
    }
}

@media (max-width:29.99875em) {
    .how__top-image {
        width: 95%
    }
}

@media (max-width:23.4375em) {
    .vote__flag {
        margin-top: -1.25rem
    }
}

@media (min-width:61.99875em)and (max-width:120em) {
    .menu__link {
        height: clamp(3.5rem, 2.3642715135rem + 1.831857072vw, 4.5625rem)
    }
    .menu__link {
        font-size: clamp(1rem, .425455001rem + .9267041659vw, 1.5375rem)
    }
    .header__logo {
        width: clamp(10.625rem, .603866296rem + 16.1634447533vw, 20rem)
    }
    .header__logo {
        height: clamp(3.5rem, 2.3642715135rem + 1.831857072vw, 4.5625rem)
    }
    .header__button {
        font-size: clamp(1.25rem, .9827697679rem + .4310251934vw, 1.5rem)
    }
    .header__button {
        width: clamp(10.625rem, .603866296rem + 16.1634447533vw, 20rem)
    }
    .header__button {
        height: clamp(3.5rem, 2.3642715135rem + 1.831857072vw, 4.5625rem)
    }
    .hero__title span {
        font-size: clamp(7.1875rem, 1.5088575677rem + 9.1592853602vw, 12.5rem)
    }
    .hero__title span:nth-child(1) {
        font-size: clamp(11.25rem, 3.2330930368rem + 12.9307558027vw, 18.75rem)
    }
}

@media (min-width:20em)and (max-width:61.99875em) {
    .menu__link {
        font-size: clamp(1.5rem, 1.3809488378rem + .5952558112vw, 1.75rem)
    }
    .header__logo {
        width: clamp(8.75rem, 5.7737209441rem + 14.8813952796vw, 15rem)
    }
    .header__button {
        font-size: clamp(1.25rem, 1.1309488378rem + .5952558112vw, 1.5rem)
    }
    .footer__top-body {
        padding: clamp(.9375rem, .4910581416rem + 2.2322092919vw, 1.875rem)
    }
    .footer__top-menu {
        -webkit-column-gap: clamp(1.25rem, .6547441888rem + 2.9762790559vw, 2.5rem);
        -moz-column-gap: clamp(1.25rem, .6547441888rem + 2.9762790559vw, 2.5rem);
        column-gap: clamp(1.25rem, .6547441888rem + 2.9762790559vw, 2.5rem)
    }
    .footer__top-menu {
        row-gap: clamp(.75rem, .5714232566rem + .8928837168vw, 1.125rem)
    }
    .footer__top-menu-item {
        font-size: clamp(1.25rem, .8333209322rem + 2.0833953391vw, 2.125rem)
    }
    .footer__top-menu-item svg {
        width: clamp(1.75rem, 1.2142697699rem + 2.6786511503vw, 2.875rem)
    }
    .footer__top-menu-item svg {
        height: clamp(1.6875rem, 1.1815325605rem + 2.5298371975vw, 2.75rem)
    }
    .footer__top-logo {
        width: clamp(7.5rem, 3.8391767612rem + 18.3041161939vw, 15.1875rem)
    }
    .hero__body {
        padding-top: clamp(6.875rem, 7.7976279056rem + -1.488139528vw, 7.5rem)
    }
    .hero__title span {
        font-size: clamp(5.625rem, 2.9463488497rem + 13.3932557517vw, 11.25rem)
    }
    .hero__title span:nth-child(1) {
        font-size: clamp(7.5rem, 4.5237209441rem + 14.8813952796vw, 13.75rem)
    }
    .vote__flag {
        height: clamp(8.75rem, 7.3809116343rem + 6.8454418286vw, 11.625rem)
    }
    .vote__container {
        margin-top: clamp(1.25rem, .6547441888rem + 2.9762790559vw, 2.5rem)
    }
    .vote__content-body {
        padding: clamp(1.125rem, .4702186077rem + 3.2739069615vw, 2.5rem)
    }
    .vote__content-title {
        font-size: clamp(3.75rem, 2.5594883776rem + 5.9525581118vw, 6.25rem)
    }
    .vote__content-title {
        margin-bottom: clamp(2.125rem, 1.6487953511rem + 2.3810232447vw, 3.125rem)
    }
    .vote__content-list {
        margin-bottom: clamp(1rem, .5237953511rem + 2.3810232447vw, 2rem)
    }
    .vote__content-item>div {
        -webkit-column-gap: clamp(.625rem, .3868976755rem + 1.1905116224vw, 1.125rem);
        -moz-column-gap: clamp(.625rem, .3868976755rem + 1.1905116224vw, 1.125rem);
        column-gap: clamp(.625rem, .3868976755rem + 1.1905116224vw, 1.125rem)
    }
    .vote__content-item>div>span {
        width: clamp(2.25rem, 1.8928465133rem + 1.7857674336vw, 3rem)
    }
    .vote__content-item>div>span {
        font-size: clamp(1.5rem, 1.2618976755rem + 1.1905116224vw, 2rem)
    }
    .vote__content-item>div>span.min {
        font-size: clamp(1.25rem, 1.1309488378rem + .5952558112vw, 1.5rem)
    }
    .vote__content-item>div>img {
        width: clamp(2.75rem, 2.4523720944rem + 1.488139528vw, 3.375rem)
    }
    .vote__content-item>span {
        font-size: clamp(1.25rem, 1.1904744189rem + .2976279056vw, 1.375rem)
    }
    .vote__content-total {
        font-size: clamp(1.375rem, 1.0773720944rem + 1.488139528vw, 2rem)
    }
    .about__title {
        font-size: clamp(7.5rem, 3.6308372273rem + 19.3458138635vw, 15.625rem)
    }
    .about__text {
        font-size: clamp(.875rem, .6368976755rem + 1.1905116224vw, 1.375rem)
    }
    .how__top-title {
        font-size: clamp(7.5rem, 3.6308372273rem + 19.3458138635vw, 15.625rem)
    }
    .how__item-text {
        font-size: clamp(.9375rem, .8482116283rem + .4464418584vw, 1.125rem)
    }
    .tokenomics__items-item-name {
        font-size: clamp(.75rem, .3333209322rem + 2.0833953391vw, 1.625rem)
    }
    .tokenomics__ca-number {
        font-size: clamp(1rem, .8809488378rem + .5952558112vw, 1.25rem)
    }
    .join__container {
        padding-bottom: clamp(.875rem, .6964232566rem + .8928837168vw, 1.25rem)
    }
}

@media (min-width:20em)and (max-width:99.375em) {
    .footer__top {
        padding-top: clamp(1.875rem, 1.717519685rem + .7874015748vw, 2.5rem)
    }
    .footer__top {
        padding-bottom: clamp(1.875rem, 1.717519685rem + .7874015748vw, 2.5rem)
    }
    .footer__top-social {
        gap: clamp(.875rem, .780511811rem + .4724409449vw, 1.25rem)
    }
    .footer__top-social-item {
        width: clamp(3.375rem, 3.217519685rem + .7874015748vw, 4rem)
    }
    .footer__top-social-item {
        height: clamp(3.375rem, 3.217519685rem + .7874015748vw, 4rem)
    }
    .footer__bottom-body>span {
        font-size: clamp(1rem, .937007874rem + .3149606299vw, 1.25rem)
    }
    .footer__bottom-body a {
        -webkit-column-gap: clamp(.375rem, .343503937rem + .157480315vw, .5rem);
        -moz-column-gap: clamp(.375rem, .343503937rem + .157480315vw, .5rem);
        column-gap: clamp(.375rem, .343503937rem + .157480315vw, .5rem)
    }
    .footer__bottom-body a>span {
        font-size: clamp(1rem, .937007874rem + .3149606299vw, 1.25rem)
    }
    .footer__bottom-body a img {
        width: clamp(7.5rem, 7.1377952756rem + 1.811023622vw, 8.9375rem)
    }
    .page__about {
        padding-top: clamp(3.75rem, 2.8051181102rem + 4.7244094488vw, 7.5rem)
    }
    .page__about {
        padding-bottom: clamp(3.75rem, 2.4901574803rem + 6.2992125984vw, 8.75rem)
    }
    .page__tokenomics {
        padding-bottom: clamp(2.5rem, 2.1850393701rem + 1.5748031496vw, 3.75rem)
    }
    .page__line {
        height: clamp(5rem, 3.6771653543rem + 6.6141732283vw, 10.25rem)
    }
    .hero__button {
        font-size: clamp(1.25rem, 1.187007874rem + .3149606299vw, 1.5rem)
    }
    .hero__button {
        width: clamp(15rem, 14.3700787402rem + 3.1496062992vw, 17.5rem)
    }
    .hero__button {
        height: clamp(3.75rem, 3.4350393701rem + 1.5748031496vw, 5rem)
    }
    .hero__social-item {
        width: clamp(3.75rem, 3.4350393701rem + 1.5748031496vw, 5rem)
    }
    .hero__social-item {
        height: clamp(3.75rem, 3.4350393701rem + 1.5748031496vw, 5rem)
    }
    .vote__content-title {
        padding-top: clamp(.625rem, .467519685rem + .7874015748vw, 1.25rem)
    }
    .vote__content-list {
        height: clamp(8.75rem, 8.1200787402rem + 3.1496062992vw, 11.25rem)
    }
    .vote__content-item {
        padding: clamp(.375rem, .343503937rem + .157480315vw, .5rem)
    }
    .vote__stars {
        -webkit-column-gap: clamp(.75rem, .3720472441rem + 1.8897637795vw, 2.25rem);
        -moz-column-gap: clamp(.75rem, .3720472441rem + 1.8897637795vw, 2.25rem);
        column-gap: clamp(.75rem, .3720472441rem + 1.8897637795vw, 2.25rem)
    }
    .about__content {
        padding-top: clamp(1rem, .7795275591rem + 1.1023622047vw, 1.875rem)
    }
    .about__content {
        padding-left: clamp(1rem, .4645669291rem + 2.6771653543vw, 3.125rem)
    }
    .about__content {
        padding-right: clamp(1rem, .4645669291rem + 2.6771653543vw, 3.125rem)
    }
    .about__content {
        padding-bottom: clamp(1rem, .6220472441rem + 1.8897637795vw, 2.5rem)
    }
    .about__title {
        padding-bottom: clamp(1rem, .7795275591rem + 1.1023622047vw, 1.875rem)
    }
    .about__text {
        padding-top: clamp(.875rem, .6545275591rem + 1.1023622047vw, 1.75rem)
    }
    .about__text {
        margin-bottom: clamp(1.25rem, .9350393701rem + 1.5748031496vw, 2.5rem)
    }
    .about__button {
        width: clamp(13.75rem, 12.1751968504rem + 7.874015748vw, 20rem)
    }
    .about__button {
        font-size: clamp(1.375rem, 1.343503937rem + .157480315vw, 1.5rem)
    }
    .how__player-controlls-title {
        font-size: clamp(.625rem, .4045275591rem + 1.1023622047vw, 1.5rem)
    }
    .how__player-controlls-title {
        margin-bottom: clamp(.75rem, .3877952756rem + 1.811023622vw, 2.1875rem)
    }
    .how__item {
        padding: clamp(.875rem, .780511811rem + .4724409449vw, 1.25rem)
    }
    .how__item-title {
        margin-bottom: clamp(.875rem, .812007874rem + .3149606299vw, 1.125rem)
    }
    .tokenomics__content {
        padding-top: clamp(1.25rem, .9350393701rem + 1.5748031496vw, 2.5rem)
    }
    .tokenomics__content {
        padding-left: clamp(.9375rem, .3863188976rem + 2.7559055118vw, 3.125rem)
    }
    .tokenomics__content {
        padding-right: clamp(.9375rem, .3863188976rem + 2.7559055118vw, 3.125rem)
    }
    .tokenomics__content {
        padding-bottom: clamp(.9375rem, .3863188976rem + 2.7559055118vw, 3.125rem)
    }
    .tokenomics__items {
        margin-bottom: clamp(2.5rem, 2.1850393701rem + 1.5748031496vw, 3.75rem)
    }
    .tokenomics__ca-button {
        width: clamp(2.25rem, 2.155511811rem + .4724409449vw, 2.625rem)
    }
    .tokenomics__ca-button {
        height: clamp(2.25rem, 2.155511811rem + .4724409449vw, 2.625rem)
    }
    .tokenomics__ca-button {
        margin-left: clamp(.875rem, .7332677165rem + .7086614173vw, 1.4375rem)
    }
    .join__button {
        font-size: clamp(1.375rem, 1.343503937rem + .157480315vw, 1.5rem)
    }
    .join__button {
        width: clamp(15rem, 14.3700787402rem + 3.1496062992vw, 17.5rem)
    }
    .join__button {
        height: clamp(3.875rem, 3.717519685rem + .7874015748vw, 4.5rem)
    }
    .join__social-item {
        height: clamp(3.875rem, 3.717519685rem + .7874015748vw, 4.5rem)
    }
    .join__social-item {
        width: clamp(3.875rem, 3.717519685rem + .7874015748vw, 4.5rem)
    }
}

@media (min-width:61.99875em)and (max-width:99.375em) {
    .footer__top-body {
        padding: clamp(1.25rem, -.8234674426rem + 3.3443697535vw, 2.5rem)
    }
    .footer__top-menu {
        -webkit-column-gap: clamp(1.25rem, -1.6528544196rem + 4.6821176549vw, 3rem);
        -moz-column-gap: clamp(1.25rem, -1.6528544196rem + 4.6821176549vw, 3rem);
        column-gap: clamp(1.25rem, -1.6528544196rem + 4.6821176549vw, 3rem)
    }
    .footer__top-menu {
        row-gap: clamp(.875rem, .2529597672rem + 1.0033109261vw, 1.25rem)
    }
    .footer__top-menu-item {
        font-size: clamp(1.5rem, .0485727902rem + 2.3410588275vw, 2.375rem)
    }
    .footer__top-menu-item svg {
        width: clamp(2rem, .5485727902rem + 2.3410588275vw, 2.875rem)
    }
    .footer__top-menu-item svg {
        height: clamp(1.9375rem, .5897461623rem + 2.1738403398vw, 2.75rem)
    }
    .footer__top-social {
        margin-left: clamp(1.25rem, -2.8969348851rem + 6.688739507vw, 3.75rem)
    }
    .vote__content-body {
        padding: clamp(1.125rem, .0882662787rem + 1.6721848768vw, 1.75rem)
    }
    .vote__content-title {
        font-size: clamp(3.75rem, -.3969348851rem + 6.688739507vw, 6.25rem)
    }
    .vote__content-title {
        margin-bottom: clamp(1.875rem, -.1984674426rem + 3.3443697535vw, 3.125rem)
    }
    .vote__content-list {
        margin-bottom: clamp(.875rem, -.1617337213rem + 1.6721848768vw, 1.5rem)
    }
    .vote__content-item>div {
        -webkit-column-gap: clamp(.625rem, -.204386977rem + 1.3377479014vw, 1.125rem);
        -moz-column-gap: clamp(.625rem, -.204386977rem + 1.3377479014vw, 1.125rem);
        column-gap: clamp(.625rem, -.204386977rem + 1.3377479014vw, 1.125rem)
    }
    .vote__content-item>div>span {
        width: clamp(2.25rem, 1.0059195345rem + 2.0066218521vw, 3rem)
    }
    .vote__content-item>div>span {
        font-size: clamp(1.5rem, .670613023rem + 1.3377479014vw, 2rem)
    }
    .vote__content-item>div>span.min {
        font-size: clamp(1.25rem, 1.0426532557rem + .3344369754vw, 1.375rem)
    }
    .vote__content-item>div>img {
        width: clamp(2.75rem, 1.7132662787rem + 1.6721848768vw, 3.375rem)
    }
    .vote__content-item>span {
        font-size: clamp(1.25rem, 1.0426532557rem + .3344369754vw, 1.375rem)
    }
    .vote__content-total {
        font-size: clamp(1.375rem, .3382662787rem + 1.6721848768vw, 2rem)
    }
    .vote__button {
        font-size: clamp(1.25rem, .7731024882rem + .7692050433vw, 1.5375rem)
    }
    .about__body {
        padding-left: clamp(.9375rem, -3.7278017458rem + 7.5248319454vw, 3.75rem)
    }
    .about__body {
        padding-right: clamp(.9375rem, -3.7278017458rem + 7.5248319454vw, 3.75rem)
    }
    .about__title {
        font-size: clamp(10rem, .6693965085rem + 15.0496638908vw, 15.625rem)
    }
    .about__text {
        font-size: clamp(.875rem, .045613023rem + 1.3377479014vw, 1.375rem)
    }
    .how__top-title {
        margin-bottom: clamp(.875rem, -.783773954rem + 2.6754958028vw, 1.875rem)
    }
    .how__top-title {
        font-size: clamp(9.375rem, -.9923372128rem + 16.7218487676vw, 15.625rem)
    }
    .how__item-text {
        font-size: clamp(.9375rem, .6264798836rem + .501655463vw, 1.125rem)
    }
    .tokenomics__items-item-name {
        font-size: clamp(1rem, -.0367337213rem + 1.6721848768vw, 1.625rem)
    }
    .tokenomics__ca-number {
        font-size: clamp(.9375rem, .4191331394rem + .8360924384vw, 1.25rem)
    }
    .join__container {
        padding-bottom: clamp(2.5rem, -3.7204023277rem + 10.0331092606vw, 6.25rem)
    }
}

@media (min-width:61.99875em)and (max-width:160em) {
    .hero__body {
        padding-top: clamp(5.375rem, 4.4260516447rem + 1.530592722vw, 6.875rem)
    }
    .hero__body {
        min-height: clamp(41.25rem, 16.7355008227rem + 39.5403119858vw, 80rem)
    }
    .vote__container {
        margin-top: clamp(-20rem, -1.6328873356rem + -11.4794454152vw, -8.75rem)
    }
}

@media (min-width:61.99875em)and (min-width:61.99875em)and (max-width:160em) {
    .hero__content {
        padding-bottom: clamp(3.125rem, .3572339639rem + 4.4642287726vw, 7.5rem)
    }
}

@media (min-width:23.4375em)and (max-width:160em) {
    .vote__flag {
        margin-top: clamp(-5.25rem, -.5635011442rem + -2.9290617849vw, -1.25rem)
    }
}

@media (min-width:61.99875em)and (min-width:61.99875em)and (max-width:99.375em) {
    .vote__content {
        margin-bottom: clamp(1.875rem, -3.3086686064rem + 8.3609243838vw, 5rem)
    }
    .vote__box {
        width: clamp(21.25rem, 2.8998131333rem + 29.5976723187vw, 32.3125rem)
    }
}

@media (max-width:61.99875em)and (min-width:20em)and (max-width:61.99875em) {
    .join {
        height: clamp(35rem, 32.6189767553rem + 11.9051162237vw, 40rem)
    }
}

@media (any-hover:hover) {
    .menu__link:hover {
        background-color: #6450e8;
        color: #fff;
        letter-spacing: .1em
    }
    .header__logo:hover {
        background-color: #6450e8
    }
    .header__button:hover {
        background-color: #6450e8;
        letter-spacing: .1em
    }
    .footer__top-menu-item:hover {
        color: #3162f0
    }
    .footer__top-social-item:hover svg {
        scale: .9
    }
    .footer__bottom-body a:hover {
        scale: .975
    }
    .hero__button:hover {
        background-color: #ff1515;
        color: #fff;
        letter-spacing: .1em
    }
    .hero__social-item:hover svg {
        scale: .9
    }
    .vote__button:hover {
        background-color: #ff1515;
        color: #fff;
        letter-spacing: .1em
    }
    .vote__button:active {
        -webkit-transform: rotate(-1deg) scale(.975);
        transform: rotate(-1deg) scale(.975)
    }
    .about__button:hover {
        background-color: #6450e8;
        letter-spacing: .1em
    }
    .how__player-controlls-buttons button:hover svg {
        scale: .975
    }
    .how__player-controlls-buttons button:active svg {
        scale: .95
    }
    .tokenomics__ca-button:hover img {
        scale: .95
    }
    .join__button:hover {
        background-color: #6450e8;
        letter-spacing: .1em
    }
    .join__social-item:hover svg {
        scale: .9
    }
}
.how__player {
    display: none; /* Torna o elemento invisível e remove-o do fluxo da página */
}