@font-face {
  font-family: gabeethegoomba;
  font-display: swap;
  src: url(../fonts/gabeethegoomba.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: QAReports;
  font-display: swap;
  src: url(../fonts/QAReports.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

* {
  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: gabeethegoomba;
  font-size: 2.125rem;
  -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: gabeethegoomba;
  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: 96.875rem;
  margin: 0 auto;
  padding: 0 0.9375rem;
}

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

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

.menu__list {
  display: flex;
  align-items: center;
}

.menu__link {
  position: relative;
  color: #fff;
  font-family: QAReports;
  font-size: 2.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  -webkit-transform: rotate(-1.263deg);
  transform: rotate(-1.263deg);
  transition: color 0.2s ease 0s;
  -webkit-text-stroke-width: 0.0625rem;
  -webkit-text-stroke-color: #000;
}

.menu__link._navigator-active {
  color: #d08413;
}

.menu__link._navigator-active::before {
  background-color: #d08413;
}

.menu__link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.25rem;
  background-color: #fff;
  transition: background-color 0.2s ease 0s;
  border: 0.03125rem solid #000;
}

.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%;
  padding-top: 0.625rem;
}

.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
}

.header__logo {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  -webkit-transform: translateY(-8%);
  transform: translateY(-8%);
}

.header__logo img {
  width: 100%;
  transition: scale 0.2s ease 0s;
}

.header__button {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  width: 11.6875rem;
  aspect-ratio: 187/80;
}

.header__button img {
  width: 100%;
  transition: scale 0.2s ease 0s;
}

.footer {
  position: relative;
  z-index: 1;
  background: url(../images/footer-bg.png) center/cover no-repeat;
}

.footer__top {
  border-bottom: 0.5rem solid #000;
}

.footer__top-body {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.footer__top-menu {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer__top-menu-item {
  color: #000;
  font-family: QAReports;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: color 0.2s ease 0s;
  -webkit-transform: rotate(-1.263deg);
  transform: rotate(-1.263deg);
}

.footer__top-image {
  flex: 0 0 25%;
}

.footer__top-image img {
  width: 100%;
}

.footer__top-social {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

.footer__top-social-item {
  position: relative;
}

.footer__top-social-item img {
  width: 100%;
  transition: scale 0.2s ease 0s;
}

.footer__top-social-item:nth-child(1) {
  aspect-ratio: 375/106;
}

.footer__top-social-item:nth-child(2) {
  aspect-ratio: 330/140;
}

.footer__bottom {
  position: relative;
  background-color: #d08413;
}

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

.footer__bottom-body > span {
  color: #f4f2eb;
  font-family: QAReports;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

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

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

.footer__bottom-body a img {
  position: relative;
}

.page__about {
  padding-top: 3.75rem;
}

@-webkit-keyframes main-anim {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-2.5rem, 2.5rem);
    transform: translate(-2.5rem, 2.5rem);
  }

  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes main-anim {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-2.5rem, 2.5rem);
    transform: translate(-2.5rem, 2.5rem);
  }

  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes main-anim2 {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(2.5rem, 2.5rem);
    transform: translate(2.5rem, 2.5rem);
  }

  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes main-anim2 {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(2.5rem, 2.5rem);
    transform: translate(2.5rem, 2.5rem);
  }

  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

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

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

.hero {
  position: relative;
  background: url(../images/hero-bg.jpg) bottom/cover no-repeat;
}

.hero__container {
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.hero__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.hero__title {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-2.5rem, 2.5rem);
  transform: translate(-2.5rem, 2.5rem);
  will-change: transform;
}

.loaded .hero__title {
  -webkit-animation: main-anim 0.45s ease-out 0.4s forwards;
  animation: main-anim 0.45s ease-out 0.4s forwards;
}

.hero__title img {
  width: 100%;
}

.hero__title img:nth-child(1) {
  display: none;
}

.hero__title img:nth-child(2) {
  display: none;
}

.hero__button {
  position: relative;
  z-index: 2;
  aspect-ratio: 272/80;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-2.5rem, 2.5rem);
  transform: translate(-2.5rem, 2.5rem);
  will-change: transform;
}

.loaded .hero__button {
  -webkit-animation: main-anim 0.45s ease-out 0.6s forwards;
  animation: main-anim 0.45s ease-out 0.6s forwards;
}

.hero__button img {
  width: 100%;
  transition: scale 0.2s ease 0s;
}

@-webkit-keyframes line-move {
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes line-move {
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.line {
  position: relative;
  z-index: 3;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  border-top: 0.625rem solid #000;
  border-bottom: 0.625rem solid #000;
  background-color: #fff;
  margin-top: -2.75rem;
}

.line__row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  text-wrap: nowrap;
  white-space: nowrap;
  -webkit-column-gap: 0.5em;
  -moz-column-gap: 0.5em;
  column-gap: 0.5em;
  padding-left: 0.5em;
  -webkit-animation: line-move 12s linear infinite;
  animation: line-move 12s linear infinite;
}

.line__row span {
  color: #000;
  font-family: QAReports;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.about {
  position: relative;
}

.about__bg {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: url(../images/about-bg.jpg) center/cover no-repeat;
}

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

.about__body {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.about__image img {
  width: 100%;
}

.about__content {
  flex: 1 1 auto;
  border-radius: 1.5rem;
  border: 0.5rem solid #000;
  background-color: #fff;
  box-shadow: -0.375rem 0.375rem 0 0 #000;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(2.5rem, 2.5rem);
  transform: translate(2.5rem, 2.5rem);
  will-change: transform;
}

.about__content._watcher-view {
  -webkit-animation: main-anim2 0.45s ease-out 0.2s forwards;
  animation: main-anim2 0.45s ease-out 0.2s forwards;
}

.about__title {
  color: #fff;
  text-shadow: -0.0714285714em 0.0714285714em 0 #000;
  -webkit-text-stroke-width: 0.0428571429em;
  -webkit-text-stroke-color: #000;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.about__title span {
  color: #f6e22b;
}

.about__text {
  color: #000;
  font-family: QAReports;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.about__bottom {
  width: 100%;
}

.about__bottom img {
  width: 100%;
}

@-webkit-keyframes how-img-dec-anim {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes how-img-dec-anim {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.how {
  background-color: #d08413;
  position: relative;
  z-index: 2;
}

.how::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: calc(100% - 0.125rem);
  left: 0;
  width: 100%;
  background: url(../images/how-wave.png) top/cover no-repeat;
}

.how::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: calc(100% - 0.125rem);
  left: 0;
  width: 100%;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  background: url(../images/how-wave.png) top/cover no-repeat;
}

.how__container {
  position: relative;
  z-index: 2;
  display: flex;
}

.how__column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.how__column:nth-child(1) .how__item {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-2.5rem, 2.5rem);
  transform: translate(-2.5rem, 2.5rem);
  will-change: transform;
}

.how__column:nth-child(1) .how__item._watcher-view {
  -webkit-animation: main-anim 0.45s ease-out 0.2s forwards;
  animation: main-anim 0.45s ease-out 0.2s forwards;
}

.how__column:nth-child(2) .how__item {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(2.5rem, 2.5rem);
  transform: translate(2.5rem, 2.5rem);
  will-change: transform;
}

.how__column:nth-child(2) .how__item._watcher-view {
  -webkit-animation: main-anim2 0.45s ease-out 0.2s forwards;
  animation: main-anim2 0.45s ease-out 0.2s forwards;
}

.how__title {
  position: relative;
  color: #fff;
  text-shadow: -0.0714285714em 0.0714285714em 0 #000;
  -webkit-text-stroke-width: 0.0428571429em;
  -webkit-text-stroke-color: #000;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-2.5rem, 2.5rem);
  transform: translate(-2.5rem, 2.5rem);
  will-change: transform;
}

.how__title._watcher-view {
  -webkit-animation: main-anim 0.45s ease-out 0.2s forwards;
  animation: main-anim 0.45s ease-out 0.2s forwards;
}

.how__title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 718/51;
  background: url(../images/how-title-decor.png) center/contain no-repeat;
}

.how__title span {
  color: #f6e22b;
}

.how__items {
  display: flex;
  flex-direction: column;
  row-gap: 1.75rem;
}

.how__item {
  display: flex;
  align-items: flex-start;
}

.how__item p {
  color: #fff;
  font-family: QAReports;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  -webkit-transform: rotate(-1.263deg);
  transform: rotate(-1.263deg);
}

.how__image-left {
  position: relative;
  width: 100%;
}

.how__image-left::before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%;
  background: linear-gradient(to bottom, rgba(226, 160, 6, 0), #d08413);
}

.how__image-left img {
  width: 100%;
}

.how__image-right {
  position: relative;
  width: 100%;
}

.how__image-right::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 80%;
  aspect-ratio: 529/545;
  background: url(../images/how-img1-dec.png) center/contain no-repeat;
  -webkit-animation: how-img-dec-anim 8s linear infinite;
  animation: how-img-dec-anim 8s linear infinite;
}

.how__image-right img {
  width: 100%;
}

.tokenomics {
  position: relative;
  background: url(../images/tokenomics-bg.png) center/cover no-repeat;
}

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

.tokenomics__title {
  color: #fff;
  text-shadow: -0.0714285714em 0.0714285714em 0 #000;
  -webkit-text-stroke-width: 0.0428571429em;
  -webkit-text-stroke-color: #000;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-2.5rem, 2.5rem);
  transform: translate(-2.5rem, 2.5rem);
  will-change: transform;
}

.tokenomics__title._watcher-view {
  -webkit-animation: main-anim 0.45s ease-out 0.2s forwards;
  animation: main-anim 0.45s ease-out 0.2s forwards;
}

.tokenomics__title span {
  color: #f6e22b;
}

.tokenomics__items-body {
  position: relative;
}

.tokenomics__items-body::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 40%;
  -webkit-transform: translate(15%, -60%);
  transform: translate(15%, -60%);
  aspect-ratio: 651/741;
  background: url(../images/tokenomics-img.png) center/contain no-repeat;
}

.tokenomics__items {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-radius: 1.5rem;
  border: 0.5rem solid #000;
  background: #fff;
  box-shadow: -0.375rem 0.375rem 0 0 #000;
}

.tokenomics__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.tokenomics__item:nth-child(1),
.tokenomics__item:nth-child(2) {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-2.5rem, 2.5rem);
  transform: translate(-2.5rem, 2.5rem);
  will-change: transform;
}

.tokenomics__item:nth-child(3),
.tokenomics__item:nth-child(4) {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(2.5rem, 2.5rem);
  transform: translate(2.5rem, 2.5rem);
  will-change: transform;
}

.tokenomics__item span:nth-child(1) {
  color: #f6e22b;
  -webkit-text-stroke-width: 0.06em;
  -webkit-text-stroke-color: #000;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.tokenomics__item span:nth-child(2) {
  color: #000;
  font-family: QAReports;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.tokenomics__ca {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 40rem;
  aspect-ratio: 642/110;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  background: url(../images/tokenomics-ca.png) center/contain no-repeat;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(2.5rem, 2.5rem);
  transform: translate(2.5rem, 2.5rem);
  will-change: transform;
}

.tokenomics__ca._watcher-view {
  -webkit-animation: main-anim2 0.45s ease-out 0.2s forwards;
  animation: main-anim2 0.45s ease-out 0.2s forwards;
}

.tokenomics__ca:has(button:hover) span {
  color: #f6e22b;
}

.tokenomics__ca span {
  color: #000;
  font-family: QAReports;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: color 0.2s ease 0s;
}

.tokenomics__ca button {
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tokenomics__ca button svg {
  width: 100%;
  height: 100%;
  transition: scale 0.2s ease 0s;
}

.join {
  position: relative;
  z-index: 2;
  height: 100vh;
  min-height: 33.75rem;
  background-image: url(../images/join-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right bottom;
}

.join__container {
  display: flex;
  justify-content: flex-end;
}

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

.join__title {
  color: #fff;
  text-shadow: -0.0714285714em 0.0714285714em 0 #000;
  -webkit-text-stroke-width: 0.0428571429em;
  -webkit-text-stroke-color: #000;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(2.5rem, 2.5rem);
  transform: translate(2.5rem, 2.5rem);
  will-change: transform;
}

.join__title._watcher-view {
  -webkit-animation: main-anim2 0.45s ease-out 0.2s forwards;
  animation: main-anim2 0.45s ease-out 0.2s forwards;
}

.join__title span {
  color: #f6e22b;
}

.join__buttons {
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-2.5rem, 2.5rem);
  transform: translate(-2.5rem, 2.5rem);
  will-change: transform;
}

.join__buttons._watcher-view {
  -webkit-animation: main-anim 0.45s ease-out 0.2s forwards;
  animation: main-anim 0.45s ease-out 0.2s forwards;
}

.join__button:nth-child(1) {
  position: relative;
  z-index: 2;
  aspect-ratio: 319/88;
}

.join__button:nth-child(2) {
  position: relative;
  z-index: 1;
  aspect-ratio: 298/144;
}

.join__button img {
  width: 100%;
  transition: scale 0.2s ease 0s;
}

@media (min-width: 61.99875em) {
  .footer__top-menu {
    align-self: center;
  }

  .footer__top-image {
    align-self: flex-end;
  }

  .footer__top-social {
    align-self: center;
  }

  .hero__content {
    flex: 0 0 48%;
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%);
  }

  .hero__title img:nth-child(1) {
    display: block;
  }

  .about__image {
    flex: 0 0 42%;
    flex-shrink: 0;
  }

  .about__content {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }

  .how__column {
    flex: 0 0 50%;
  }

  .how__item p {
    max-width: 33.75rem;
  }

  .how__image-left {
    width: 80%;
    align-self: center;
  }

  .how__image-right {
    width: 90%;
    align-self: center;
  }

  .tokenomics__items {
    max-width: 85%;
  }

  .tokenomics__items._watcher-view .tokenomics__item:nth-child(1) {
    -webkit-animation: main-anim 0.45s ease-out 0.4s forwards;
    animation: main-anim 0.45s ease-out 0.4s forwards;
  }

  .tokenomics__items._watcher-view .tokenomics__item:nth-child(2) {
    -webkit-animation: main-anim 0.45s ease-out 0.2s forwards;
    animation: main-anim 0.45s ease-out 0.2s forwards;
  }

  .tokenomics__items._watcher-view .tokenomics__item:nth-child(3) {
    -webkit-animation: main-anim2 0.45s ease-out 0.2s forwards;
    animation: main-anim2 0.45s ease-out 0.2s forwards;
  }

  .tokenomics__items._watcher-view .tokenomics__item:nth-child(4) {
    -webkit-animation: main-anim2 0.45s ease-out 0.4s forwards;
    animation: main-anim2 0.45s ease-out 0.4s forwards;
  }

  .tokenomics__ca {
    align-self: flex-end;
  }

  .join__button:nth-child(1) {
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }

  .join__button:nth-child(2) {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }
}

@media (min-width: 61.99875em) and (min-width: 96.875em) {
  .how__item:nth-child(1) {
    margin-left: 3rem;
  }
}

@media (min-width: 96.875em) {
  .menu__list {
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
  }

  .menu__link {
    font-size: 2.125rem;
  }

  .header__logo {
    width: 13.25rem;
  }

  .footer {
    margin-top: -8.75rem;
  }

  .footer {
    padding-top: 6.25rem;
  }

  .footer__top-body {
    -webkit-column-gap: 5rem;
    -moz-column-gap: 5rem;
    column-gap: 5rem;
  }

  .footer__top-menu {
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .footer__top-menu-item {
    font-size: 5rem;
  }

  .footer__top-social-item:nth-child(1) {
    width: 20rem;
  }

  .footer__top-social-item:nth-child(2) {
    width: 20rem;
  }

  .footer__bottom {
    padding-top: 1rem;
  }

  .footer__bottom {
    padding-bottom: 1rem;
  }

  .footer__bottom-body > span {
    font-size: 1.75rem;
  }

  .footer__bottom-body a {
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  .footer__bottom-body a > span {
    font-size: 1.75rem;
  }

  .footer__bottom-body a img {
    width: 8.9375rem;
  }

  .footer__bottom-body a img {
    height: 2.375rem;
  }

  .page__how {
    padding-top: 10rem;
  }

  .page__tokenomics {
    padding-top: 13.75rem;
  }

  .page__tokenomics {
    padding-bottom: 11.25rem;
  }

  .page__join {
    padding-top: 12.5rem;
  }

  .page__join {
    padding-bottom: 5rem;
  }

  .hero__container {
    padding-top: 7.5rem;
  }

  .hero__container {
    padding-bottom: 7.5rem;
  }

  .hero__button {
    width: 16.875rem;
  }

  .hero__button {
    margin-left: 3.75rem;
  }

  .hero__button {
    margin-top: -2.5rem;
  }

  .line {
    margin-top: -5.25rem;
  }

  .line__row {
    padding-top: 1.125rem;
  }

  .line__row {
    padding-bottom: 1.125rem;
  }

  .line__row span {
    font-size: 4rem;
  }

  .line__row img {
    height: 4rem;
  }

  .about__body {
    -webkit-column-gap: 8.75rem;
    -moz-column-gap: 8.75rem;
    column-gap: 8.75rem;
  }

  .about__body {
    padding-right: 5rem;
  }

  .about__body {
    padding-left: 5rem;
  }

  .about__content {
    padding: 3.125rem;
  }

  .about__title {
    margin-bottom: 1.25rem;
  }

  .about__title {
    font-size: 8.75rem;
  }

  .about__text {
    font-size: 2.125rem;
  }

  .about__bottom {
    margin-top: -10rem;
  }

  .how {
    margin-top: -3.75rem;
  }

  .how::before {
    height: 6.25rem;
  }

  .how::after {
    height: 6.25rem;
  }

  .how__title {
    padding-bottom: 3.125rem;
  }

  .how__title {
    margin-bottom: 1.25rem;
  }

  .how__title {
    font-size: 8.75rem;
  }

  .how__item img {
    width: 3rem;
  }

  .how__item p {
    margin-left: 1.25rem;
  }

  .how__item p {
    font-size: 2.125rem;
  }

  .tokenomics__title {
    margin-bottom: 1.25rem;
  }

  .tokenomics__title {
    font-size: 8.75rem;
  }

  .tokenomics__items {
    -webkit-column-gap: 4.75rem;
    -moz-column-gap: 4.75rem;
    column-gap: 4.75rem;
  }

  .tokenomics__items {
    padding: 2.5rem;
  }

  .tokenomics__item span:nth-child(1) {
    font-size: 6.25rem;
  }

  .tokenomics__item span:nth-child(2) {
    font-size: 2.8125rem;
  }

  .tokenomics__ca {
    padding-bottom: 0.375rem;
  }

  .tokenomics__ca {
    margin-right: 10rem;
  }

  .tokenomics__ca {
    margin-top: -1.875rem;
  }

  .tokenomics__ca span {
    font-size: 2.75rem;
  }

  .tokenomics__ca button {
    width: 2.625rem;
  }

  .tokenomics__ca button {
    height: 2.625rem;
  }

  .join__title {
    margin-bottom: 1.25rem;
  }

  .join__title {
    font-size: 10.625rem;
  }

  .join__button:nth-child(1) {
    width: 19.9375rem;
  }

  .join__button:nth-child(2) {
    width: 18.625rem;
  }
}

@media (max-width: 20em) {
  .header__logo {
    width: 7.5rem;
  }

  .footer {
    margin-top: -3.75rem;
  }

  .footer {
    padding-top: 3.75rem;
  }

  .footer__top-menu-item {
    font-size: 3.5rem;
  }

  .footer__top-social-item:nth-child(1) {
    width: 12.5rem;
  }

  .footer__top-social-item:nth-child(2) {
    width: 12.5rem;
  }

  .footer__bottom {
    padding-top: 0.625rem;
  }

  .footer__bottom {
    padding-bottom: 0.75rem;
  }

  .footer__bottom-body > span {
    font-size: 1.25rem;
  }

  .footer__bottom-body a {
    -webkit-column-gap: 0.375rem;
    -moz-column-gap: 0.375rem;
    column-gap: 0.375rem;
  }

  .footer__bottom-body a > span {
    font-size: 1.25rem;
  }

  .footer__bottom-body a img {
    width: 6.375rem;
  }

  .footer__bottom-body a img {
    height: 1.6875rem;
  }

  .page__how {
    padding-top: 3.75rem;
  }

  .page__tokenomics {
    padding-top: 3.75rem;
  }

  .page__tokenomics {
    padding-bottom: 2.5rem;
  }

  .page__join {
    padding-top: 3.75rem;
  }

  .page__join {
    padding-bottom: 2.5rem;
  }

  .hero__container {
    padding-top: 6.25rem;
  }

  .hero__container {
    padding-bottom: 6.25rem;
  }

  .hero__button {
    width: 13.125rem;
  }

  .hero__button {
    margin-left: 2.5rem;
  }

  .hero__button {
    margin-top: 0.0000000625rem;
  }

  .line__row {
    padding-top: 0.625rem;
  }

  .line__row {
    padding-bottom: 0.625rem;
  }

  .line__row span {
    font-size: 2.375rem;
  }

  .line__row img {
    height: 2.375rem;
  }

  .about__content {
    padding: 1.25rem;
  }

  .about__title {
    margin-bottom: 0.875rem;
  }

  .about__title {
    font-size: 3.5rem;
  }

  .about__text {
    font-size: 1.25rem;
  }

  .about__bottom {
    margin-top: -3.125rem;
  }

  .how {
    margin-top: 0.0000000625rem;
  }

  .how::before {
    height: 2.875rem;
  }

  .how::after {
    height: 2.875rem;
  }

  .how__title {
    padding-bottom: 1.375rem;
  }

  .how__title {
    margin-bottom: 1.875rem;
  }

  .how__title {
    font-size: 3.5rem;
  }

  .how__item img {
    width: 1.75rem;
  }

  .how__item p {
    margin-left: 0.75rem;
  }

  .how__item p {
    font-size: 1.25rem;
  }

  .tokenomics__title {
    margin-bottom: 0.875rem;
  }

  .tokenomics__title {
    font-size: 3.5rem;
  }

  .tokenomics__items {
    padding: 1.25rem;
  }

  .tokenomics__item span:nth-child(1) {
    font-size: 4.5rem;
  }

  .tokenomics__item span:nth-child(2) {
    font-size: 2.25rem;
  }

  .tokenomics__ca {
    padding-bottom: 0.1875rem;
  }

  .tokenomics__ca span {
    font-size: 1.375rem;
  }

  .tokenomics__ca button {
    width: 2.125rem;
  }

  .tokenomics__ca button {
    height: 2.125rem;
  }

  .join__title {
    margin-bottom: 0.875rem;
  }

  .join__title {
    font-size: 5.75rem;
  }

  .join__button:nth-child(1) {
    width: 11.25rem;
  }

  .join__button:nth-child(2) {
    width: 11.25rem;
  }
}

@media (max-width: 61.99875em) {
  .menu__body {
    position: relative;
    position: fixed;
    width: 100%;
    height: auto;
    right: 0;
    top: -100%;
    overflow: auto;
    padding: 7.5rem 0.9375rem 5.625rem 0.9375rem;
    transition: top 0.45s ease-out;
    background: linear-gradient(
      to bottom,
      #d08413 calc(100% - 3.75rem),
      rgba(165, 15, 245, 0) calc(100% - 3.75rem),
      rgba(165, 15, 245, 0) 100%
    );
  }

  .menu__body::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3.75rem;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    background: url(../images/how-wave.png) center/cover no-repeat;
  }

  .menu-open .menu__body {
    top: 0;
  }

  .menu__list {
    flex-direction: column;
    row-gap: 1.25rem;
  }

  .menu__link {
    font-size: 2.125rem;
  }

  .icon-menu {
    display: block;
    position: relative;
    width: 3.25rem;
    height: 3.25rem;
    z-index: 5;
    border-radius: 3.75rem;
    border: 0.1875rem solid #000;
    background-color: #fff;
  }

  .icon-menu span,
  .icon-menu::after,
  .icon-menu::before {
    content: "";
    transition: all 0.3s ease 0s;
    right: 0.375rem;
    position: absolute;
    width: calc(100% - 0.75rem);
    height: 0.125rem;
    background-color: #000;
  }

  .icon-menu::before {
    top: 0.875rem;
  }

  .icon-menu::after {
    bottom: 0.875rem;
  }

  .icon-menu span {
    top: calc(50% - 0.0625rem);
  }

  .menu-open .icon-menu span {
    width: 0;
  }

  .menu-open .icon-menu::before {
    top: calc(50% - 0.0625rem);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .menu-open .icon-menu::after {
    bottom: calc(50% - 0.0625rem);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .header__logo {
    order: 1;
  }

  .header__menu {
    order: 3;
  }

  .header__button {
    order: 2;
  }

  .footer__top-body {
    flex-direction: column;
    align-items: center;
  }

  .footer__top-menu {
    flex-direction: column;
    align-items: center;
    text-align: center;
    order: 1;
    margin-bottom: 1.875rem;
  }

  .footer__top-image {
    order: 3;
  }

  .footer__top-social {
    order: 2;
  }



  .hero__content {
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
  }

  .hero__title img:nth-child(2) {
    display: block;
  }

  .line {
    margin-top: -0.125rem;
  }

  .about__body {
    padding-right: 0.0000000625rem;
  }

  .about__body {
    padding-left: 0.0000000625rem;
    flex-direction: column-reverse;
    row-gap: 1.25rem;
  }

  .about__image {
    max-width: 35rem;
  }

  .about__content {
    max-width: 35rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .how__container {
    flex-direction: column;
    row-gap: 1.5rem;
  }

  .how__column {
    align-items: center;
  }

  .how__column:nth-child(2) {
    flex-direction: column-reverse;
  }

  .how__items {
    row-gap: 1.5rem;
  }

  .how__image-left {
    display: none;
  }

  .how__image-right {
    max-width: 35rem;
  }

  .tokenomics__container {
    align-items: center;
    text-align: center;
  }

  .tokenomics__items-body {
    width: 100%;
    max-width: 35rem;
    margin-bottom: 2.5rem;
  }

  .tokenomics__items-body::before {
    width: 60%;
    -webkit-transform: translate(5%, -75%);
    transform: translate(5%, -75%);
  }

  .tokenomics__items {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 1.25rem;
  }

  .tokenomics__item:nth-child(1)._watcher-view,
  .tokenomics__item:nth-child(2)._watcher-view {
    -webkit-animation: main-anim 0.45s ease-out 0.2s forwards;
    animation: main-anim 0.45s ease-out 0.2s forwards;
  }

  .tokenomics__item:nth-child(3)._watcher-view,
  .tokenomics__item:nth-child(4)._watcher-view {
    -webkit-animation: main-anim2 0.45s ease-out 0.2s forwards;
    animation: main-anim2 0.45s ease-out 0.2s forwards;
  }

  .join {
    background-position: 40% bottom;
  }

  .join__container {
    justify-content: flex-start;
  }

  .join__content {
    align-items: flex-start;
  }

  .join__buttons {
    flex-direction: column;
    row-gap: 0.625rem;
  }
}

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

@media (max-width: 61.99875em) and (max-width: 20em) {
  .tokenomics__items-body {
    margin-top: 6.25rem;
  }
}

@media (max-width: 47.99875em) {
  .header__button {
    width: 8.75rem;
  }

  .footer__top {
    border-bottom: 0.375rem solid #000;
  }

  .footer__bottom-body {
    flex-direction: column-reverse;
    row-gap: 0.625rem;
  }

  .line {
    border-top: 0.375rem solid #000;
    border-bottom: 0.375rem solid #000;
  }

  .about__content {
    border: 0.375rem solid #000;
    box-shadow: -0.25rem 0.25rem 0 0 #000;
  }

  .tokenomics__items {
    border: 0.375rem solid #000;
    box-shadow: -0.25rem 0.25rem 0 0 #000;
  }
}

@media (max-width: 29.99875em) {
  .header__button {
    width: 8rem;
  }

  .about__bottom {
    width: calc(100% + 1.875rem);
    -webkit-transform: translateX(-0.9375rem);
    transform: translateX(-0.9375rem);
  }
}

@media (min-width: 61.99875em) and (max-width: 96.875em) {
  .menu__list {
    -webkit-column-gap: clamp(1.75rem, -0.4720977743rem + 3.5841009283vw, 3rem);
    -moz-column-gap: clamp(1.75rem, -0.4720977743rem + 3.5841009283vw, 3rem);
    column-gap: clamp(1.75rem, -0.4720977743rem + 3.5841009283vw, 3rem);
  }

  .menu__link {
    font-size: clamp(1.875rem, 1.4305804451rem + 0.7168201857vw, 2.125rem);
  }

  .footer {
    padding-top: clamp(4.375rem, 1.0418533386rem + 5.3761513924vw, 6.25rem);
  }

  .footer__top-body {
    -webkit-column-gap: clamp(
      1.875rem,
      -3.6802444357rem + 8.9602523207vw,
      5rem
    );
    -moz-column-gap: clamp(1.875rem, -3.6802444357rem + 8.9602523207vw, 5rem);
    column-gap: clamp(1.875rem, -3.6802444357rem + 8.9602523207vw, 5rem);
  }

  .footer__top-menu {
    -webkit-column-gap: clamp(
      1.25rem,
      -0.9720977743rem + 3.5841009283vw,
      2.5rem
    );
    -moz-column-gap: clamp(1.25rem, -0.9720977743rem + 3.5841009283vw, 2.5rem);
    column-gap: clamp(1.25rem, -0.9720977743rem + 3.5841009283vw, 2.5rem);
  }

  .footer__top-menu-item {
    font-size: clamp(3.5rem, 0.8334826709rem + 4.3009211139vw, 5rem);
  }

  .footer__top-social-item:nth-child(1) {
    width: clamp(13.75rem, 2.6395111286rem + 17.9205046414vw, 20rem);
  }

  .footer__top-social-item:nth-child(2) {
    width: clamp(13.75rem, 2.6395111286rem + 17.9205046414vw, 20rem);
  }

  .line {
    margin-top: clamp(-5.25rem, -1.4306924483rem + -3.9425110211vw, -3.875rem);
  }

  .about__body {
    -webkit-column-gap: clamp(
      2.5rem,
      -8.6104888714rem + 17.9205046414vw,
      8.75rem
    );
    -moz-column-gap: clamp(2.5rem, -8.6104888714rem + 17.9205046414vw, 8.75rem);
    column-gap: clamp(2.5rem, -8.6104888714rem + 17.9205046414vw, 8.75rem);
  }

  .about__body {
    padding-right: clamp(
      0.0000000625rem,
      -8.8883909235rem + 14.3364035339vw,
      5rem
    );
  }

  .about__body {
    padding-left: clamp(
      0.0000000625rem,
      -8.8883909235rem + 14.3364035339vw,
      5rem
    );
  }

  .how__title {
    font-size: clamp(5.75rem, 0.4169653417rem + 8.6018422279vw, 8.75rem);
  }

  .tokenomics__items {
    -webkit-column-gap: clamp(
      1.875rem,
      -3.2358248808rem + 8.243432135vw,
      4.75rem
    );
    -moz-column-gap: clamp(1.875rem, -3.2358248808rem + 8.243432135vw, 4.75rem);
    column-gap: clamp(1.875rem, -3.2358248808rem + 8.243432135vw, 4.75rem);
  }

  .tokenomics__item span:nth-child(1) {
    font-size: clamp(4.25rem, 0.6946435612rem + 5.7345614853vw, 6.25rem);
  }

  .tokenomics__item span:nth-child(2) {
    font-size: clamp(1.875rem, 0.2084266693rem + 2.6880756962vw, 2.8125rem);
  }

  .tokenomics__ca {
    margin-right: clamp(
      0.0000000625rem,
      -17.7767820206rem + 28.6728072471vw,
      10rem
    );
  }

  .tokenomics__ca {
    margin-top: clamp(-1.875rem, -0.1389511129rem + -1.7920504641vw, -1.25rem);
  }
}

@media (min-width: 20em) and (max-width: 96.875em) {
  .header__logo {
    width: clamp(7.5rem, 6.0040650407rem + 7.4796747967vw, 13.25rem);
  }

  .footer {
    margin-top: clamp(-8.75rem, -2.4491869919rem + -6.5040650407vw, -3.75rem);
  }

  .footer__bottom {
    padding-top: clamp(0.625rem, 0.5274390244rem + 0.487804878vw, 1rem);
  }

  .footer__bottom {
    padding-bottom: clamp(0.75rem, 0.6849593496rem + 0.325203252vw, 1rem);
  }

  .footer__bottom-body > span {
    font-size: clamp(1.25rem, 1.1199186992rem + 0.6504065041vw, 1.75rem);
  }

  .footer__bottom-body a {
    -webkit-column-gap: clamp(
      0.375rem,
      0.3424796748rem + 0.162601626vw,
      0.5rem
    );
    -moz-column-gap: clamp(0.375rem, 0.3424796748rem + 0.162601626vw, 0.5rem);
    column-gap: clamp(0.375rem, 0.3424796748rem + 0.162601626vw, 0.5rem);
  }

  .footer__bottom-body a > span {
    font-size: clamp(1.25rem, 1.1199186992rem + 0.6504065041vw, 1.75rem);
  }

  .footer__bottom-body a img {
    width: clamp(6.375rem, 5.7083333333rem + 3.3333333333vw, 8.9375rem);
  }

  .footer__bottom-body a img {
    height: clamp(1.6875rem, 1.5086382114rem + 0.8943089431vw, 2.375rem);
  }

  .page__how {
    padding-top: clamp(3.75rem, 2.1239837398rem + 8.1300813008vw, 10rem);
  }

  .page__tokenomics {
    padding-top: clamp(3.75rem, 1.1483739837rem + 13.0081300813vw, 13.75rem);
  }

  .page__tokenomics {
    padding-bottom: clamp(2.5rem, 0.2235772358rem + 11.3821138211vw, 11.25rem);
  }

  .page__join {
    padding-top: clamp(3.75rem, 1.4735772358rem + 11.3821138211vw, 12.5rem);
  }

  .page__join {
    padding-bottom: clamp(2.5rem, 1.8495934959rem + 3.2520325203vw, 5rem);
  }

  .hero__container {
    padding-top: clamp(6.25rem, 5.924796748rem + 1.6260162602vw, 7.5rem);
  }

  .hero__container {
    padding-bottom: clamp(6.25rem, 5.924796748rem + 1.6260162602vw, 7.5rem);
  }

  .hero__button {
    width: clamp(13.125rem, 12.1493902439rem + 4.8780487805vw, 16.875rem);
  }

  .hero__button {
    margin-left: clamp(2.5rem, 2.174796748rem + 1.6260162602vw, 3.75rem);
  }

  .hero__button {
    margin-top: clamp(
      -2.5rem,
      0.6504065828rem + -3.2520326016vw,
      0.0000000625rem
    );
  }

  .line__row {
    padding-top: clamp(0.625rem, 0.4949186992rem + 0.6504065041vw, 1.125rem);
  }

  .line__row {
    padding-bottom: clamp(0.625rem, 0.4949186992rem + 0.6504065041vw, 1.125rem);
  }

  .line__row span {
    font-size: clamp(2.375rem, 1.9522357724rem + 2.1138211382vw, 4rem);
  }

  .line__row img {
    height: clamp(2.375rem, 1.9522357724rem + 2.1138211382vw, 4rem);
  }

  .about__content {
    padding: clamp(1.25rem, 0.762195122rem + 2.4390243902vw, 3.125rem);
  }

  .about__title {
    margin-bottom: clamp(0.875rem, 0.7774390244rem + 0.487804878vw, 1.25rem);
  }

  .about__title {
    font-size: clamp(3.5rem, 2.1341463415rem + 6.8292682927vw, 8.75rem);
  }

  .about__text {
    font-size: clamp(1.25rem, 1.0223577236rem + 1.1382113821vw, 2.125rem);
  }

  .about__bottom {
    margin-top: clamp(-10rem, -1.3363821138rem + -8.9430894309vw, -3.125rem);
  }

  .how {
    margin-top: clamp(
      -3.75rem,
      0.9756098349rem + -4.8780488618vw,
      0.0000000625rem
    );
  }

  .how::before {
    height: clamp(2.875rem, 1.9969512195rem + 4.3902439024vw, 6.25rem);
  }

  .how::after {
    height: clamp(2.875rem, 1.9969512195rem + 4.3902439024vw, 6.25rem);
  }

  .how__title {
    padding-bottom: clamp(1.375rem, 0.9197154472rem + 2.2764227642vw, 3.125rem);
  }

  .how__title {
    margin-bottom: clamp(1.25rem, 2.037601626rem + -0.8130081301vw, 1.875rem);
  }

  .how__item img {
    width: clamp(1.75rem, 1.424796748rem + 1.6260162602vw, 3rem);
  }

  .how__item p {
    margin-left: clamp(0.75rem, 0.6199186992rem + 0.6504065041vw, 1.25rem);
  }

  .how__item p {
    font-size: clamp(1.25rem, 1.0223577236rem + 1.1382113821vw, 2.125rem);
  }

  .tokenomics__title {
    margin-bottom: clamp(0.875rem, 0.7774390244rem + 0.487804878vw, 1.25rem);
  }

  .tokenomics__title {
    font-size: clamp(3.5rem, 2.1341463415rem + 6.8292682927vw, 8.75rem);
  }

  .tokenomics__items {
    padding: clamp(1.25rem, 0.924796748rem + 1.6260162602vw, 2.5rem);
  }

  .tokenomics__ca {
    padding-bottom: clamp(0.1875rem, 0.1387195122rem + 0.243902439vw, 0.375rem);
  }

  .tokenomics__ca span {
    font-size: clamp(1.375rem, 1.0172764228rem + 1.7886178862vw, 2.75rem);
  }

  .tokenomics__ca button {
    width: clamp(2.125rem, 1.9949186992rem + 0.6504065041vw, 2.625rem);
  }

  .tokenomics__ca button {
    height: clamp(2.125rem, 1.9949186992rem + 0.6504065041vw, 2.625rem);
  }

  .join__title {
    margin-bottom: clamp(0.875rem, 0.7774390244rem + 0.487804878vw, 1.25rem);
  }

  .join__title {
    font-size: clamp(5.75rem, 4.4817073171rem + 6.3414634146vw, 10.625rem);
  }

  .join__button:nth-child(1) {
    width: clamp(11.25rem, 8.9898373984rem + 11.3008130081vw, 19.9375rem);
  }

  .join__button:nth-child(2) {
    width: clamp(11.25rem, 9.331300813rem + 9.593495935vw, 18.625rem);
  }
}

@media (min-width: 20em) and (max-width: 61.99875em) {
  .footer {
    padding-top: clamp(3.75rem, 2.5594883776rem + 5.9525581118vw, 6.25rem);
  }

  .footer__top-menu-item {
    font-size: clamp(3.5rem, 2.7856930266rem + 3.5715348671vw, 5rem);
  }

  .footer__top-social-item:nth-child(1) {
    width: clamp(12.5rem, 8.9284651329rem + 17.8576743355vw, 20rem);
  }

  .footer__top-social-item:nth-child(2) {
    width: clamp(12.5rem, 8.9284651329rem + 17.8576743355vw, 20rem);
  }

  .how__title {
    font-size: clamp(3.5rem, 2.3094883776rem + 5.9525581118vw, 6rem);
  }

  .tokenomics__item span:nth-child(1) {
    font-size: clamp(4.5rem, 3.6666418643rem + 4.1667906783vw, 6.25rem);
  }

  .tokenomics__item span:nth-child(2) {
    font-size: clamp(2.25rem, 1.982134885rem + 1.3393255752vw, 2.8125rem);
  }
}

@media (min-width: 61.99875em) and (min-width: 20em) and (max-width: 96.875em) {
  .how__item:nth-child(1) {
    margin-left: clamp(1.75rem, 1.424796748rem + 1.6260162602vw, 3rem);
  }
}

@media (min-width: 61.99875em) and (max-width: 20em) {
  .how__item:nth-child(1) {
    margin-left: 1.75rem;
  }
}

@media (max-width: 61.99875em) and (min-width: 96.875em) {
  .tokenomics__items-body {
    margin-top: 11.25rem;
  }
}

@media (max-width: 61.99875em) and (min-width: 20em) and (max-width: 96.875em) {
  .tokenomics__items-body {
    margin-top: clamp(6.25rem, 4.9491869919rem + 6.5040650407vw, 11.25rem);
  }
}

@media (any-hover: hover) {
  .menu__link:hover {
    color: #f6e22b;
  }

  .menu__link:hover::before {
    background-color: #f6e22b;
  }

  .header__logo:hover img {
    scale: 0.95;
  }

  .header__button:hover img {
    scale: 0.95;
  }

  .footer__top-menu-item:hover {
    color: #f6e22b;
  }

  .footer__top-social-item:hover img {
    scale: 0.95;
  }

  .footer__bottom-body a:hover {
    scale: 0.95;
  }

  .hero__button:hover img {
    scale: 0.95;
  }

  .tokenomics__ca button:hover svg {
    scale: 0.95;
  }

  .join__button:hover img {
    scale: 0.95;
  }
}