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

@font-face {
  font-family: "Naughty Squirrel Demo";
  font-display: swap;
  src: url("../fonts/NaughtySquirrel.otf") format("OpenType");
  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: CCMaladroitW00;
  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: CCMaladroitW00;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: transparent;
}

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: 101.875rem;
  margin: 0 auto;
  padding: 0 0.9375rem;
}

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

.menu__item:nth-child(1) .menu__link::before {
  content: "About";
}

.menu__item:nth-child(2) .menu__link::before {
  content: "How to buy";
}

.menu__item:nth-child(3) .menu__link::before {
  content: "Tokenomics";
}

.menu__item:nth-child(4) .menu__link::before {
  content: "Tokenomics";
}

.menu__link {
  position: relative;
  font-size: 1.25rem;
  line-height: normal;
}

.menu__link._navigator-active span {
  scale: 0.75;
  opacity: 0;
  visibility: hidden;
}

.menu__link._navigator-active::before {
  scale: 1;
  opacity: 1;
  visibility: visible;
}

.menu__link::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 1.25rem;
  line-height: normal;
  color: #bb0102;
  scale: 1.2;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease 0s;
}

.menu__link span {
  transition: all 0.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;
}

.button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0.25rem solid #000;
  background-color: #000;
  min-height: 3.625rem;
  padding: 0.5rem 2rem;
  border-radius: 12.5rem;
  transition: border 0.3s ease 0s;
}

.button.button--large {
  min-height: 5rem;
}

.button.button--large span {
  font-size: 2rem;
}

.button span {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: normal;
  transition: all 0.3s ease 0s;
}

.button span:nth-child(1) {
  color: #bb0102;
}

.button span:nth-child(2) {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #bb0102;
  text-wrap: nowrap;
  scale: 1.2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease 0s;
}

.title {
  position: relative;
  display: flex;
  align-items: center;
  -webkit-column-gap: 1.6em;
  -moz-column-gap: 1.6em;
  column-gap: 1.6em;
  flex-wrap: wrap;
}

.title.title-centre {
  display: flex;
  justify-content: center;
  text-align: center;
}

.title.title--black {
  color: #000;
}

.title.title--black span {
  color: #000;
}

.title._watcher-view span:nth-child(1) {
  -webkit-animation: title 0.45s ease-out 0.2s forwards;
  animation: title 0.45s ease-out 0.2s forwards;
}

.title._watcher-view span:nth-child(2) {
  -webkit-animation: title 0.45s ease-out 0.3s forwards;
  animation: title 0.45s ease-out 0.3s forwards;
}

.title._watcher-view span:nth-child(3) {
  -webkit-animation: title 0.45s ease-out 0.4s forwards;
  animation: title 0.45s ease-out 0.4s forwards;
}

.title._watcher-view span:nth-child(4) {
  -webkit-animation: title 0.45s ease-out 0.5s forwards;
  animation: title 0.45s ease-out 0.5s forwards;
}

.title span {
  display: inline-block;
  color: #fff;
  font-family: "Naughty Squirrel Demo";
  font-style: normal;
  font-weight: 900;
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transform: translateX(50vw) scaleX(1.4) scaleY(1);
  transform: translateX(50vw) scaleX(1.4) scaleY(1);
  opacity: 0;
  visibility: hidden;
}

@-webkit-keyframes header {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes header {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.header {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #5d2e0a;
  border-bottom: 0.375rem solid #000;
  padding: 0.25rem 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.loaded .header {
  -webkit-animation: header 0.3s ease 0.4s forwards;
  animation: header 0.3s ease 0.4s forwards;
}

.header._header-scroll {
  background-color: #5d2e0a;
}

.header__container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 2.5rem;
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem;
}

.header__logo {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}

.header__logo img {
  width: 100%;
}

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

.header__actions {
  display: flex;
  align-items: center;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  flex-shrink: 0;
}

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

.header__social-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 0.25rem solid #000;
  width: 3.625rem;
  transition: border 0.3s ease 0s;
  aspect-ratio: 1;
}

.header__social-item img {
  max-width: 100%;
  transition: scale 0.3s ease 0s;
}

.header__social-item:nth-child(1) {
  background-color: #000;
}

.header__social-item:nth-child(2) {
  background-color: #00d1ff;
}

.header__social-item:nth-child(2) img {
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}

.footer {
  border-top: 0.5rem solid #000;
  background-color: #bb0102;
  padding: 2.5rem 0;
}

.footer__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 87.5rem;
}

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

.footer__menu {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  align-items: flex-start;
}

.footer__menu-item {
  position: relative;
  color: #fff;
  font-weight: 700;
  line-height: normal;
}

.footer__menu-item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: 700;
  line-height: normal;
  color: #bb0102;
  scale: 1.2;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease 0s;
}

.footer__menu-item:nth-child(1)::before {
  content: "About";
}

.footer__menu-item:nth-child(2)::before {
  content: "How to buy";
}

.footer__menu-item:nth-child(3)::before {
  content: "Roadmap";
}

.footer__menu-item:nth-child(4)::before {
  content: "Tokenomics";
}

.footer__social {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.footer__social-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 0.25rem solid #000;
  transition: border 0.3s ease 0s;
  overflow: hidden;
  aspect-ratio: 1;
}

.footer__social-item img {
  transition: scale 0.3s ease 0s;
}

.footer__social-item:nth-child(1) {
  background-color: #000;
}

.footer__social-item:nth-child(2) {
  background-color: #fff;
}

.footer__social-item:nth-child(3) img {
  width: calc(100% + 0.5rem);
  transition: scale 0.3s ease 0s;
}

.footer__social-item:nth-child(4) {
  background-color: #000;
}

.footer__social-item:last-child {
  background-color: #00d1ff;
}

.footer__social-item:last-child img {
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}

.footer__right img {
  width: 100%;
}

.page__grey-line {
  position: relative;
  width: 100%;
  background-color: #5d2e0a;
  border-top: 0.375rem solid #000;
  border-bottom: 0.375rem solid #000;
}

@-webkit-keyframes title {
  0% {
    -webkit-transform: translateX(25vw) scaleX(1.4) scaleY(1);
    transform: translateX(25vw) scaleX(1.4) scaleY(1);
    opacity: 0;
    visibility: hidden;
  }

  80% {
    -webkit-transform: translateX(0) scaleX(0.8) scaleY(1.2);
    transform: translateX(0) scaleX(0.8) scaleY(1.2);
    opacity: 1;
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0) scaleX(1) scaleY(1);
    transform: translateX(0) scaleX(1) scaleY(1);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes title {
  0% {
    -webkit-transform: translateX(25vw) scaleX(1.4) scaleY(1);
    transform: translateX(25vw) scaleX(1.4) scaleY(1);
    opacity: 0;
    visibility: hidden;
  }

  80% {
    -webkit-transform: translateX(0) scaleX(0.8) scaleY(1.2);
    transform: translateX(0) scaleX(0.8) scaleY(1.2);
    opacity: 1;
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0) scaleX(1) scaleY(1);
    transform: translateX(0) scaleX(1) scaleY(1);
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes opacity {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}

@-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 card-to-bottom {
  0% {
    -webkit-transform: translateY(-3.75rem) scaleY(1.4) scaleX(1);
    transform: translateY(-3.75rem) scaleY(1.4) scaleX(1);
    opacity: 0;
    visibility: hidden;
  }

  80% {
    -webkit-transform: translateY(0) scaleY(0.8) scaleX(1.05);
    transform: translateY(0) scaleY(0.8) scaleX(1.05);
    opacity: 1;
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes card-to-bottom {
  0% {
    -webkit-transform: translateY(-3.75rem) scaleY(1.4) scaleX(1);
    transform: translateY(-3.75rem) scaleY(1.4) scaleX(1);
    opacity: 0;
    visibility: hidden;
  }

  80% {
    -webkit-transform: translateY(0) scaleY(0.8) scaleX(1.05);
    transform: translateY(0) scaleY(0.8) scaleX(1.05);
    opacity: 1;
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes card-to-top {
  0% {
    -webkit-transform: translateY(3.75rem) scaleY(1.4) scaleX(1);
    transform: translateY(3.75rem) scaleY(1.4) scaleX(1);
    opacity: 0;
    visibility: hidden;
  }

  80% {
    -webkit-transform: translateY(0) scaleY(0.8) scaleX(1.05);
    transform: translateY(0) scaleY(0.8) scaleX(1.05);
    opacity: 1;
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes card-to-top {
  0% {
    -webkit-transform: translateY(3.75rem) scaleY(1.4) scaleX(1);
    transform: translateY(3.75rem) scaleY(1.4) scaleX(1);
    opacity: 0;
    visibility: hidden;
  }

  80% {
    -webkit-transform: translateY(0) scaleY(0.8) scaleX(1.05);
    transform: translateY(0) scaleY(0.8) scaleX(1.05);
    opacity: 1;
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes card-to-left {
  0% {
    -webkit-transform: translateX(3.75rem) scaleX(1.4) scaleY(1);
    transform: translateX(3.75rem) scaleX(1.4) scaleY(1);
    opacity: 0;
    visibility: hidden;
  }

  80% {
    -webkit-transform: translateX(0) scaleX(0.8) scaleY(1.05);
    transform: translateX(0) scaleX(0.8) scaleY(1.05);
    opacity: 1;
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0) scaleX(1) scaleY(1);
    transform: translateX(0) scaleX(1) scaleY(1);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes card-to-left {
  0% {
    -webkit-transform: translateX(3.75rem) scaleX(1.4) scaleY(1);
    transform: translateX(3.75rem) scaleX(1.4) scaleY(1);
    opacity: 0;
    visibility: hidden;
  }

  80% {
    -webkit-transform: translateX(0) scaleX(0.8) scaleY(1.05);
    transform: translateX(0) scaleX(0.8) scaleY(1.05);
    opacity: 1;
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0) scaleX(1) scaleY(1);
    transform: translateX(0) scaleX(1) scaleY(1);
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes card-to-right {
  0% {
    -webkit-transform: translateX(-3.75rem) scaleX(1.4) scaleY(1);
    transform: translateX(-3.75rem) scaleX(1.4) scaleY(1);
    opacity: 0;
    visibility: hidden;
  }

  80% {
    -webkit-transform: translateX(0) scaleX(0.8) scaleY(1.05);
    transform: translateX(0) scaleX(0.8) scaleY(1.05);
    opacity: 1;
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0) scaleX(1) scaleY(1);
    transform: translateX(0) scaleX(1) scaleY(1);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes card-to-right {
  0% {
    -webkit-transform: translateX(-3.75rem) scaleX(1.4) scaleY(1);
    transform: translateX(-3.75rem) scaleX(1.4) scaleY(1);
    opacity: 0;
    visibility: hidden;
  }

  80% {
    -webkit-transform: translateX(0) scaleX(0.8) scaleY(1.05);
    transform: translateX(0) scaleX(0.8) scaleY(1.05);
    opacity: 1;
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0) scaleX(1) scaleY(1);
    transform: translateX(0) scaleX(1) scaleY(1);
    opacity: 1;
    visibility: visible;
  }
}

.hero {
  position: relative;
  width: 100%;
}

.hero__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-bottom: 2.5rem;
}

.hero__title {
  position: relative;
}

.hero__title span {
  display: inline-block;
  -webkit-transform-origin: left;
  transform-origin: left;
  color: #000;
  font-family: "Naughty Squirrel Demo";
  font-weight: 900;
  line-height: normal;
  -webkit-transform: translateX(50vw) scaleX(1.4) scaleY(1);
  transform: translateX(50vw) scaleX(1.4) scaleY(1);
  opacity: 0;
  visibility: hidden;
}

.loaded .hero__title span {
  -webkit-animation: title 0.45s ease-out 0.7s forwards;
  animation: title 0.45s ease-out 0.7s forwards;
}

.hero__text {
  background-color: rgba(255, 255, 255, 0.021);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  font-weight: 700;
  line-height: normal;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(2.5rem);
  transform: translateX(2.5rem);
}

.loaded .hero__text {
  -webkit-animation: to-left 0.45s ease-out 1.15s forwards;
  animation: to-left 0.45s ease-out 1.15s forwards;
}

.hero__actions {
  display: flex;
  align-items: center;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  opacity: 0;
  visibility: hidden;
}

.loaded .hero__actions {
  -webkit-animation: opacity 0.45s ease-out 1.6s forwards;
  animation: opacity 0.45s ease-out 1.6s forwards;
}

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

.hero__social-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 0.25rem solid #000;
  transition: border 0.3s ease 0s;
  overflow: hidden;
  aspect-ratio: 1;
}

.hero__social-item img {
  transition: scale 0.3s ease 0s;
}

.hero__social-item:nth-child(1) {
  background-color: #000;
}

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

.hero__social-item:nth-child(3) img {
  width: calc(100% + 0.5rem);
  transition: scale 0.3s ease 0s;
}

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

.hero__social-item:last-child {
  background-color: #00d1ff;
}

.hero__social-item:last-child img {
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}

.hero__mob-img {
  margin-top: -5rem;
  width: 100%;
}

.hero__mob-img img {
  width: 100%;
}

.about {
  background-color: #5d2e0a;
  border-bottom: 0.375rem solid #000;
}

.about__container {
  display: flex;
}

.about__image {
  flex: 0 0 50%;
  align-self: flex-end;
}

.about__image img {
  width: 100%;
  padding-bottom: 15%;
}

.about__content {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

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

.hello-about {
  display: inline-flex;
}

.hello-about._watcher-view .hello-about__body {
  -webkit-animation: hello 0.45s ease-out 0.2s forwards;
  animation: hello 0.45s ease-out 0.2s forwards;
}

.hello-about__body {
  border-radius: 3.375rem;
  border: 0.375rem solid #000;
  background: #bb0102;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.875rem;
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transform: translateX(70vw) rotate(0) scaleX(1.4) scaleY(1);
  transform: translateX(70vw) rotate(0) scaleX(1.4) scaleY(1);
}

.hello-about__header {
  display: flex;
  flex-direction: column;
}

.hello-about__header span:nth-child(1) {
  color: #fff;
  font-family: "Naughty Squirrel Demo";
  font-weight: 900;
}

.hello-about__header span:nth-child(2) {
  color: #fff;
  font-family: "Naughty Squirrel Demo";
  font-weight: 900;
  margin-top: -5%;
}

.hello-about__name-box {
  background-color: #fff;
}

.hello-about__name {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}

.hello-about__name._watcher-view span:nth-child(1) {
  -webkit-animation: text 0.3s ease 0.2s forwards;
  animation: text 0.3s ease 0.2s forwards;
}

.hello-about__name._watcher-view span:nth-child(2) {
  -webkit-animation: text 0.3s ease 0.3s forwards;
  animation: text 0.3s ease 0.3s forwards;
}

.hello-about__name._watcher-view span:nth-child(3) {
  -webkit-animation: text 0.3s ease 0.4s forwards;
  animation: text 0.3s ease 0.4s forwards;
}

.hello-about__name._watcher-view span:nth-child(4) {
  -webkit-animation: text 0.3s ease 0.5s forwards;
  animation: text 0.3s ease 0.5s forwards;
}

.hello-about__name._watcher-view span:nth-child(5) {
  -webkit-animation: text 0.3s ease 0.6s forwards;
  animation: text 0.3s ease 0.6s forwards;
}

.hello-about__name._watcher-view span:nth-child(6) {
  -webkit-animation: text 0.3s ease 0.7s forwards;
  animation: text 0.3s ease 0.7s forwards;
}

.hello-about__name span {
  color: #000;
  font-weight: 700;
  opacity: 0;
  visibility: hidden;
}

@-webkit-keyframes hello {
  0% {
    -webkit-transform: translateX(70vw) rotate(-7.11deg) scaleX(1.4) scaleY(1);
    transform: translateX(70vw) rotate(-7.11deg) scaleX(1.4) scaleY(1);
  }

  80% {
    -webkit-transform: translateX(0) rotate(-7.11deg) scaleX(0.8) scaleY(1.2);
    transform: translateX(0) rotate(-7.11deg) scaleX(0.8) scaleY(1.2);
  }

  100% {
    -webkit-transform: translateX(0) rotate(-7.11deg) scaleX(1) scaleY(1);
    transform: translateX(0) rotate(-7.11deg) scaleX(1) scaleY(1);
  }
}

@keyframes hello {
  0% {
    -webkit-transform: translateX(70vw) rotate(-7.11deg) scaleX(1.4) scaleY(1);
    transform: translateX(70vw) rotate(-7.11deg) scaleX(1.4) scaleY(1);
  }

  80% {
    -webkit-transform: translateX(0) rotate(-7.11deg) scaleX(0.8) scaleY(1.2);
    transform: translateX(0) rotate(-7.11deg) scaleX(0.8) scaleY(1.2);
  }

  100% {
    -webkit-transform: translateX(0) rotate(-7.11deg) scaleX(1) scaleY(1);
    transform: translateX(0) rotate(-7.11deg) scaleX(1) scaleY(1);
  }
}

@-webkit-keyframes hello-2 {
  0% {
    -webkit-transform: translateX(70vw) rotate(-7.11deg) scaleX(1.4) scaleY(1);
    transform: translateX(70vw) rotate(-7.11deg) scaleX(1.4) scaleY(1);
    opacity: 0;
    visibility: hidden;
  }

  80% {
    -webkit-transform: translateX(0) rotate(-7.11deg) scaleX(0.8) scaleY(1.2);
    transform: translateX(0) rotate(-7.11deg) scaleX(0.8) scaleY(1.2);
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0) rotate(-7.11deg) scaleX(1) scaleY(1);
    transform: translateX(0) rotate(-7.11deg) scaleX(1) scaleY(1);
  }
}

@keyframes hello-2 {
  0% {
    -webkit-transform: translateX(70vw) rotate(-7.11deg) scaleX(1.4) scaleY(1);
    transform: translateX(70vw) rotate(-7.11deg) scaleX(1.4) scaleY(1);
    opacity: 0;
    visibility: hidden;
  }

  80% {
    -webkit-transform: translateX(0) rotate(-7.11deg) scaleX(0.8) scaleY(1.2);
    transform: translateX(0) rotate(-7.11deg) scaleX(0.8) scaleY(1.2);
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0) rotate(-7.11deg) scaleX(1) scaleY(1);
    transform: translateX(0) rotate(-7.11deg) scaleX(1) scaleY(1);
  }
}

@-webkit-keyframes text {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes text {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.how {
  position: relative;
}

.how__header {
  background-color: #bb0102;
  border-bottom: 0.375rem solid #000;
}

.how__body .how__container {
  border-left: 0.375rem solid #000;
  border-right: 0.375rem solid #000;
  background-image: url(../images/body-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.how__bottom {
  position: relative;
  height: 13.125rem;
  background-color: #bb0102;
  border-top: 0.375rem solid #000;
  border-bottom: 0.375rem solid #000;
  background-image: url(../images/bottom-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.body-box {
  display: flex;
  align-items: center;
}

.body-box__items {
  display: flex;
  flex-direction: column;
}

.body-box__item {
  display: flex;
  flex-direction: column;
}

.body-box__item._watcher-view p:nth-child(1) {
  -webkit-animation: opacity 0.45s ease 0.2s forwards;
  animation: opacity 0.45s ease 0.2s forwards;
}

.body-box__item._watcher-view p:nth-child(2) {
  -webkit-animation: to-left 0.45s ease 0.45s forwards;
  animation: to-left 0.45s ease 0.45s forwards;
}

.body-box__item p:nth-child(1) {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  -webkit-column-gap: 1.875rem;
  -moz-column-gap: 1.875rem;
  column-gap: 1.875rem;
  opacity: 0;
  visibility: hidden;
}

.body-box__item p:nth-child(1) span:nth-child(1) {
  flex: 1 1 auto;
  font-weight: 700;
  line-height: normal;
  overflow: hidden;
}

.body-box__item p:nth-child(1) span:nth-child(1)>i {
  font-style: normal;
  position: relative;
}

.body-box__item p:nth-child(1) span:nth-child(1)>i::after {
  content: "...........................................";
  position: absolute;
}

.body-box__item p:nth-child(1) span:nth-child(2) {
  font-weight: 700;
  line-height: normal;
}

.body-box__item p:nth-child(2) {
  color: #bb0102;
  font-weight: 700;
  line-height: normal;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(2.5rem);
  transform: translateX(2.5rem);
}

.body-box__image {
  flex: 0 0 35%;
}

.body-box__image img {
  width: 100%;
}

.roadmap {
  position: relative;
  background-color: #c6e7ff;
  border-bottom: 0.375rem solid #000;
}

.roadmap__image {
  width: 100%;
}

.roadmap__image img {
  max-width: 100%;
}

.roadmap__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
}

.roadmap__item {
  border-radius: 1.75rem;
  border: 0.375rem solid #000;
  background-color: #fdfeff;
  -webkit-transform-origin: left;
  transform-origin: left;
}

.roadmap__item-title {
  font-family: "Naughty Squirrel Demo";
  font-weight: 900;
  line-height: normal;
}

.roadmap__item-text {
  color: #bb0102;
  font-weight: 700;
  line-height: normal;
}

.tokenomics {
  position: relative;
  background-color: #5d2e0a;
}

.tokenomics__title {
  text-align: center;
}

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

.tokenomics__image {
  flex: 0 0 45%;
  overflow: hidden;
  border-radius: 8%;
}

.tokenomics__image img {
  max-width: 100%;
}

.tokenomics__content {
  flex: 0 0 55%;
}

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

.tokenomics__item {
  border-radius: 1.75rem;
  border: 0.375rem solid #000;
  background: #fdfeff;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  justify-content: space-between;
}

.tokenomics__item span:nth-child(1) {
  color: #bb0102;
  font-weight: 700;
  line-height: normal;
}

.tokenomics__item span:nth-child(2) {
  color: #000;
  font-family: "Naughty Squirrel Demo";
  font-weight: 900;
  line-height: normal;
}

.tokenomics__ca {
  border-radius: 1.75rem;
  border: 0.375rem solid #000;
  background: #fdfeff;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

.tokenomics__ca p:nth-child(1) {
  color: #bb0102;
  font-weight: 700;
  line-height: normal;
}

.tokenomics__ca p:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-column-gap: 1.875rem;
  -moz-column-gap: 1.875rem;
  column-gap: 1.875rem;
}

.tokenomics__ca p:nth-child(2):has(button:hover) span {
  color: #5d2e0a;
}

.tokenomics__ca p:nth-child(2) span {
  color: #000;
  font-family: "Naughty Squirrel Demo";
  font-weight: 900;
  line-height: normal;
  word-break: break-all;
  transition: color 0.3s ease 0s;
  text-align: center;
}

.tokenomics__ca p:nth-child(2) button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.tokenomics__ca p:nth-child(2) button svg path {
  transition: fill 0.3s ease 0s;
}

.join {
  position: relative;
  width: 100%;
  border-top: 0.375rem solid #000;
}

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

.join__container {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  padding-bottom: 2.5rem;
}

.join__text {
  font-weight: 700;
  line-height: normal;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(2.5rem);
  transform: translateX(2.5rem);
}

.join__text._watcher-view {
  -webkit-animation: to-left 0.45s ease-out 0.2s forwards;
  animation: to-left 0.45s ease-out 0.2s forwards;
}

.join__actions {
  display: flex;
  align-items: center;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  opacity: 0;
  visibility: hidden;
}

.join__actions._watcher-view {
  -webkit-animation: opacity 0.45s ease-out 0.2s forwards;
  animation: opacity 0.45s ease-out 0.2s forwards;
}

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

.join__social-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 0.25rem solid #000;
  transition: border 0.3s ease 0s;
  overflow: hidden;
  aspect-ratio: 1;
}

.join__social-item img {
  transition: scale 0.3s ease 0s;
}

.join__social-item:nth-child(1) {
  background-color: #000;
}

.join__social-item:nth-child(3) img {
  width: calc(100% + 0.5rem);
  transition: scale 0.3s ease 0s;
}

.join__social-item:nth-child(4) {
  background-color: #000;
}

.join__social-item:last-child {
  background-color: #00d1ff;
}

.join__social-item:last-child img {
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}

.join__image-mob {
  margin-top: -4.375rem;
  width: 100%;
}

.join__image-mob img {
  width: 100%;
}

.spinning-image {
  display: none;
  animation: spin 4s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@media (min-width: 61.99875em) {
  .spinning-image {
    display: inherit;
  }

  .hero {
    /* background: rgb(80, 219, 80); */
    /* background-image: url(./back2.jpg); */
    background: linear-gradient(rgb(0 0 0 / 3%), rgb(0 0 0 / 29%)), url(/IMG_6714.gif);
    background-position: 10% 70%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .hero__mob-img {
    display: none;
  }

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

  .about__text._watcher-view {
    -webkit-animation: to-left 0.45s ease 0.2s forwards;
    animation: to-left 0.45s ease 0.2s forwards;
  }

  .how__header {
    background-image: url(../images/header-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 98% 0;
  }

  .body-box__items {
    flex: 0 0 65%;
  }

  .roadmap__items._watcher-view .roadmap__item:nth-child(1) {
    -webkit-animation: title 0.45s ease-out 0.2s forwards;
    animation: title 0.45s ease-out 0.2s forwards;
  }

  .roadmap__items._watcher-view .roadmap__item:nth-child(2) {
    -webkit-animation: title 0.45s ease-out 0.4s forwards;
    animation: title 0.45s ease-out 0.4s forwards;
  }

  .roadmap__items._watcher-view .roadmap__item:nth-child(3) {
    -webkit-animation: title 0.45s ease-out 0.6s forwards;
    animation: title 0.45s ease-out 0.6s forwards;
  }

  .roadmap__items._watcher-view .roadmap__item:nth-child(4) {
    -webkit-animation: title 0.45s ease-out 0.8s forwards;
    animation: title 0.45s ease-out 0.8s forwards;
  }

  .roadmap__item {
    -webkit-transform: translateX(25vw) scaleX(1.4) scaleY(1);
    transform: translateX(25vw) scaleX(1.4) scaleY(1);
    opacity: 0;
    visibility: hidden;
  }

  .tokenomics__content {
    padding-left: 2.5rem;
  }

  .tokenomics__content._watcher-view .tokenomics__item:nth-child(1) {
    -webkit-animation: card-to-bottom 0.45s ease-out 0.2s forwards;
    animation: card-to-bottom 0.45s ease-out 0.2s forwards;
  }

  .tokenomics__content._watcher-view .tokenomics__item:nth-child(2) {
    -webkit-animation: card-to-bottom 0.45s ease-out 0.2s forwards;
    animation: card-to-bottom 0.45s ease-out 0.2s forwards;
  }

  .tokenomics__content._watcher-view .tokenomics__item:nth-child(3) {
    -webkit-animation: card-to-right 0.45s ease-out 0.2s forwards;
    animation: card-to-right 0.45s ease-out 0.2s forwards;
  }

  .tokenomics__content._watcher-view .tokenomics__item:nth-child(4) {
    -webkit-animation: card-to-left 0.45s ease-out 0.2s forwards;
    animation: card-to-left 0.45s ease-out 0.2s forwards;
  }

  .tokenomics__content._watcher-view .tokenomics__ca {
    -webkit-animation: card-to-top 0.45s ease-out 0.2s forwards;
    animation: card-to-top 0.45s ease-out 0.2s forwards;
  }

  .tokenomics__item:nth-child(1) {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: translateY(-3.75rem) scaleY(1.4) scaleX(1);
    transform: translateY(-3.75rem) scaleY(1.4) scaleX(1);
    opacity: 0;
    visibility: hidden;
  }

  .tokenomics__item:nth-child(2) {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: translateY(-3.75rem) scaleY(1.4) scaleX(1);
    transform: translateY(-3.75rem) scaleY(1.4) scaleX(1);
    opacity: 0;
    visibility: hidden;
  }

  .tokenomics__item:nth-child(3) {
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: translateX(-3.75rem) scaleX(1.4) scaleY(1);
    transform: translateX(-3.75rem) scaleX(1.4) scaleY(1);
    opacity: 0;
    visibility: hidden;
  }

  .tokenomics__item:nth-child(4) {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: translateX(3.75rem) scaleX(1.4) scaleY(1);
    transform: translateX(3.75rem) scaleX(1.4) scaleY(1);
    opacity: 0;
    visibility: hidden;
  }

  .tokenomics__ca {
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: translateY(3.75rem) scaleY(1.4) scaleX(1);
    transform: translateY(3.75rem) scaleY(1.4) scaleX(1);
    opacity: 0;
    visibility: hidden;
  }

  .join {
    /* background-image: url(./join.jpg); */
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6)),
      url("../images/chart.jpg");
    background-position: 50% 20%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .join__image-mob {
    display: none;
  }
}

@media (min-width: 61.99875em) and (min-width: 101.875em) {
  .hero {
    height: 63.75rem;
  }
}

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

  .title span {
    font-size: 10.125rem;
  }

  .header__logo {
    width: 5rem;
  }

  .footer__left {
    -webkit-column-gap: 15rem;
    -moz-column-gap: 15rem;
    column-gap: 15rem;
  }

  .footer__menu-item {
    font-size: 2.5rem;
  }

  .footer__menu-item::before {
    font-size: 2.5rem;
  }

  .footer__social-item {
    width: 5rem;
  }

  .footer__social-item img {
    width: 2rem;
  }

  .footer__right {
    width: 17.25rem;
  }

  .page__grey-line {
    height: 3.375rem;
  }

  .page__about {
    padding-top: 6.25rem;
  }

  .page__roadmap {
    padding-top: 4.375rem;
  }

  .page__roadmap {
    padding-bottom: 4.375rem;
  }

  .page__tokenomics {
    padding-top: 3.75rem;
  }

  .page__tokenomics {
    padding-bottom: 10rem;
  }

  .hero__container {
    padding-top: 20rem;
  }

  .hero__title span {
    font-size: 6.125rem;
  }

  .hero__text {
    max-width: 48.25rem;
  }

  .hero__text {
    margin-top: 9.375rem;
  }

  .hero__text {
    font-size: 1.5rem;
  }

  .hero__actions {
    margin-top: 3.375rem;
  }

  .hero__social-item {
    width: 5rem;
  }

  .hero__social-item img {
    width: 2rem;
  }

  .about__hello {
    margin-bottom: 5rem;
  }

  .about__text {
    font-size: 1.5rem;
  }

  .hello-about__header {
    margin-bottom: 0.9375rem;
  }

  .hello-about__header span:nth-child(1) {
    font-size: 6.875rem;
  }

  .hello-about__header span:nth-child(2) {
    font-size: 3.625rem;
  }

  .hello-about__name-box {
    padding: 1.875rem;
  }

  .hello-about__name span {
    font-size: 8rem;
  }

  .how__header {
    padding-top: 2.5rem;
  }

  .how__header {
    padding-bottom: 2.5rem;
  }

  .how__body .how__container {
    padding-top: 7.5rem;
  }

  .how__body .how__container {
    padding-bottom: 6.25rem;
  }

  .body-box__items {
    row-gap: 2rem;
  }

  .body-box__items {
    padding-right: 5rem;
  }

  .body-box__items {
    padding-left: 2.5rem;
  }

  .body-box__item {
    row-gap: 1.5rem;
  }

  .body-box__item p:nth-child(1) span:nth-child(1) {
    font-size: 1.5rem;
  }

  .body-box__item p:nth-child(1) span:nth-child(2) {
    font-size: 4rem;
  }

  .body-box__item p:nth-child(2) {
    font-size: 1.25rem;
  }

  .roadmap__image {
    margin-bottom: 3.125rem;
  }

  .roadmap__item {
    padding: 1.5rem;
  }

  .roadmap__item-title {
    font-size: 4rem;
  }

  .roadmap__item-title {
    margin-bottom: 0.75rem;
  }

  .roadmap__item-text {
    font-size: 1.25rem;
  }

  .tokenomics__title {
    margin-bottom: 3.75rem;
  }

  .tokenomics__items {
    gap: 2rem;
  }

  .tokenomics__items {
    margin-bottom: 2rem;
  }

  .tokenomics__item {
    padding: 1.5rem;
  }

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

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

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

  .tokenomics__ca p:nth-child(1) {
    font-size: 1.25rem;
  }

  .tokenomics__ca p:nth-child(2) span {
    font-size: 1.6875rem;
  }

  .tokenomics__ca p:nth-child(2) button svg {
    width: 2.5rem;
  }

  .tokenomics__ca p:nth-child(2) button svg {
    height: 2.5rem;
  }

  .join {
    height: 63.75rem;
  }

  .join__container {
    flex-direction: row;
    padding-top: 7.5rem;
  }

  .join__content {
    max-width: 39.375rem;
  }

  .join__text {
    max-width: 48.25rem;
  }

  .join__text {
    margin-top: 7rem;
  }

  .join__text {
    font-size: 1.5rem;
  }

  .join__actions {
    margin-top: 11.125rem;
  }

  .join__social-item {
    width: 5rem;
  }

  .join__social-item img {
    width: 2rem;
  }
}

@media (max-width: 20em) {
  .title span {
    font-size: 3.375rem;
  }

  .header__logo {
    width: 3.75rem;
  }

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

  .footer__menu-item {
    font-size: 1.625rem;
  }

  .footer__menu-item::before {
    font-size: 2rem;
  }

  .footer__social-item {
    width: 2.625rem;
  }

  .footer__social-item img {
    width: 1.625rem;
  }

  .footer__right {
    width: 6rem;
  }

  .page__grey-line {
    height: 1.875rem;
  }

  .page__about {
    padding-top: 3.75rem;
  }

  .page__roadmap {
    padding-top: 1.875rem;
  }

  .page__roadmap {
    padding-bottom: 1.875rem;
  }

  .page__tokenomics {
    padding-top: 1.875rem;
  }

  .page__tokenomics {
    padding-bottom: 2.5rem;
  }

  .hero__container {
    padding-top: 5rem;
  }

  .hero__title span {
    font-size: 4.875rem;
  }

  .hero__actions {
    margin-top: 1.25rem;
  }

  .hero__social-item {
    width: 3rem;
  }

  .hero__social-item img {
    width: 1.625rem;
  }

  .about__hello {
    margin-bottom: 1.25rem;
  }

  .about__text {
    font-size: 1.125rem;
  }

  .hello-about__header {
    margin-bottom: 0.625rem;
  }

  .hello-about__header span:nth-child(1) {
    font-size: 4.875rem;
  }

  .hello-about__header span:nth-child(2) {
    font-size: 2.5rem;
  }

  .hello-about__name-box {
    padding: 0.9375rem;
  }

  .hello-about__name span {
    font-size: 3rem;
  }

  .how__header {
    padding-top: 0.625rem;
  }

  .how__header {
    padding-bottom: 0.625rem;
  }

  .how__body .how__container {
    padding-top: 2.5rem;
  }

  .how__body .how__container {
    padding-bottom: 2.5rem;
  }

  .body-box__items {
    row-gap: 1.5rem;
  }

  .body-box__item {
    row-gap: 1rem;
  }

  .body-box__item p:nth-child(1) span:nth-child(1) {
    font-size: 1.125rem;
  }

  .body-box__item p:nth-child(1) span:nth-child(2) {
    font-size: 2.625rem;
  }

  .body-box__item p:nth-child(2) {
    font-size: 0.875rem;
  }

  .roadmap__image {
    margin-bottom: 1.875rem;
  }

  .roadmap__item {
    padding: 1rem;
  }

  .roadmap__item-title {
    font-size: 2.625rem;
  }

  .roadmap__item-title {
    margin-bottom: 0.5rem;
  }

  .roadmap__item-text {
    font-size: 1.125rem;
  }

  .tokenomics__title {
    margin-bottom: 1.875rem;
  }

  .tokenomics__items {
    gap: 1rem;
  }

  .tokenomics__items {
    margin-bottom: 1rem;
  }

  .tokenomics__item {
    padding: 1rem;
  }

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

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

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

  .tokenomics__ca p:nth-child(1) {
    font-size: 1.25rem;
  }

  .tokenomics__ca p:nth-child(2) span {
    font-size: 1.125rem;
  }

  .tokenomics__ca p:nth-child(2) button svg {
    width: 2rem;
  }

  .tokenomics__ca p:nth-child(2) button svg {
    height: 2rem;
  }

  .join__container {
    padding-top: 1.875rem;
  }

  .join__text {
    margin-top: 1.25rem;
  }

  .join__text {
    font-size: 1.25rem;
  }

  .join__actions {
    margin-top: 1.25rem;
  }

  .join__social-item {
    width: 4.0625rem;
  }

  .join__social-item img {
    width: 1.625rem;
  }
}

@media (max-width: 61.99875em) {
  .menu__body {
    position: fixed;
    width: 100%;
    height: auto;
    right: -100%;
    top: 0;
    overflow: auto;
    padding: 6.25rem 0.9375rem 2.5rem 0.9375rem;
    transition: right 0.3s;
    background-color: #5d2e0a;
  }

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

  .menu__list {
    flex-direction: column;
    row-gap: 1.875rem;
    margin-bottom: 1.875rem;
  }

  .icon-menu {
    display: block;
    position: relative;
    width: 1.875rem;
    height: 1.125rem;
    z-index: 5;
  }

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

  .icon-menu::before {
    top: 0;
  }

  .icon-menu::after {
    bottom: 0;
  }

  .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 {
    background-color: #5d2e0a;
  }

  .header._header-scroll {
    background-color: #5d2e0a;
  }

  .header__actions {
    flex-direction: column-reverse;
    row-gap: 1.875rem;
  }

  .footer__left {
    width: 100%;
    justify-content: center;
  }

  .footer__right {
    display: none;
  }

  .hero {
    background-color: #c6e7ff;
  }

  .hero__title {
    text-align: center;
  }

  .hero__text {
    text-align: center;
  }

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

  .about__container {
    flex-direction: column-reverse;
  }

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

  .hello-about._watcher-view .hello-about__body {
    -webkit-animation: hello-2 0.45s ease-out 0.2s forwards;
    animation: hello-2 0.45s ease-out 0.2s forwards;
  }

  .hello-about__body {
    opacity: 0;
    visibility: hidden;
  }

  .how__title {
    justify-content: center;
  }

  .body-box__item p:nth-child(1) {
    -webkit-column-gap: 0.9375rem;
    -moz-column-gap: 0.9375rem;
    column-gap: 0.9375rem;
  }

  .body-box__image {
    display: none;
  }

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

  .tokenomics__body {
    flex-direction: column;
    row-gap: 1.875rem;
  }

  .join {
    background-color: #5d2e0a;
  }

  .join__title {
    justify-content: center;
  }

  .join__text {
    text-align: center;
  }

  .join__actions {
    justify-content: center;
  }
}

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

@media (max-width: 47.99875em) {
  .footer__social {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }

  .roadmap__items {
    grid-template-columns: repeat(1, 1fr);
  }

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

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

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

  .tokenomics__ca p:nth-child(2) {
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: 0.625rem;
  }

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

@media (max-width: 29.99875em) {
  .footer__left {
    justify-content: space-between;
  }

  .how__bottom {
    height: 10rem;
  }

  .roadmap__image img {
    max-width: 110%;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
  }
}

@media (min-width: 61.99875em) and (max-width: 101.875em) {
  @supports ((-moz-column-gap: clamp(1rem, 0.2226105765rem + 1.2538791887vw, 1.5rem)) or (column-gap: clamp(1rem, 0.2226105765rem + 1.2538791887vw, 1.5rem))) {
    .menu__list {
      -webkit-column-gap: clamp(1rem, 0.2226105765rem + 1.2538791887vw, 1.5rem);
      -moz-column-gap: clamp(1rem, 0.2226105765rem + 1.2538791887vw, 1.5rem);
      column-gap: clamp(1rem, 0.2226105765rem + 1.2538791887vw, 1.5rem);
    }
  }

  @supports not ((-moz-column-gap: clamp(1rem, 0.2226105765rem + 1.2538791887vw, 1.5rem)) or (column-gap: clamp(1rem, 0.2226105765rem + 1.2538791887vw, 1.5rem))) {
    .menu__list {
      -webkit-column-gap: calc(1rem + 0.5 * (100vw - 61.99875rem) / 39.87625);
      -moz-column-gap: calc(1rem + 0.5 * (100vw - 61.99875rem) / 39.87625);
      column-gap: calc(1rem + 0.5 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports ((-moz-column-gap: clamp(7.5rem, -4.1608413529rem + 18.8081878311vw, 15rem)) or (column-gap: clamp(7.5rem, -4.1608413529rem + 18.8081878311vw, 15rem))) {
    .footer__left {
      -webkit-column-gap: clamp(7.5rem,
          -4.1608413529rem + 18.8081878311vw,
          15rem);
      -moz-column-gap: clamp(7.5rem, -4.1608413529rem + 18.8081878311vw, 15rem);
      column-gap: clamp(7.5rem, -4.1608413529rem + 18.8081878311vw, 15rem);
    }
  }

  @supports not ((-moz-column-gap: clamp(7.5rem, -4.1608413529rem + 18.8081878311vw, 15rem)) or (column-gap: clamp(7.5rem, -4.1608413529rem + 18.8081878311vw, 15rem))) {
    .footer__left {
      -webkit-column-gap: calc(7.5rem + 7.5 * (100vw - 61.99875rem) / 39.87625);
      -moz-column-gap: calc(7.5rem + 7.5 * (100vw - 61.99875rem) / 39.87625);
      column-gap: calc(7.5rem + 7.5 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (padding-top: clamp(15rem, 7.2261057647rem + 12.5387918874vw, 20rem)) {
    .hero__container {
      padding-top: clamp(15rem, 7.2261057647rem + 12.5387918874vw, 20rem);
    }
  }

  @supports not (padding-top: clamp(15rem, 7.2261057647rem + 12.5387918874vw, 20rem)) {
    .hero__container {
      padding-top: calc(15rem + 5 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (max-width: clamp(42.5rem, 33.5600216294rem + 14.4196106705vw, 48.25rem)) {
    .hero__text {
      max-width: clamp(42.5rem, 33.5600216294rem + 14.4196106705vw, 48.25rem);
    }
  }

  @supports not (max-width: clamp(42.5rem, 33.5600216294rem + 14.4196106705vw, 48.25rem)) {
    .hero__text {
      max-width: calc(42.5rem + 5.75 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (margin-top: clamp(5rem, -1.8021574559rem + 10.9714429015vw, 9.375rem)) {
    .hero__text {
      margin-top: clamp(5rem, -1.8021574559rem + 10.9714429015vw, 9.375rem);
    }
  }

  @supports not (margin-top: clamp(5rem, -1.8021574559rem + 10.9714429015vw, 9.375rem)) {
    .hero__text {
      margin-top: calc(5rem + 4.375 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (font-size: clamp(1.25rem, 0.8613052882rem + 0.6269395944vw, 1.5rem)) {
    .hero__text {
      font-size: clamp(1.25rem, 0.8613052882rem + 0.6269395944vw, 1.5rem);
    }
  }

  @supports not (font-size: clamp(1.25rem, 0.8613052882rem + 0.6269395944vw, 1.5rem)) {
    .hero__text {
      font-size: calc(1.25rem + 0.25 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (margin-top: clamp(2.5rem, 1.1395685088rem + 2.1942885803vw, 3.375rem)) {
    .hero__actions {
      margin-top: clamp(2.5rem, 1.1395685088rem + 2.1942885803vw, 3.375rem);
    }
  }

  @supports not (margin-top: clamp(2.5rem, 1.1395685088rem + 2.1942885803vw, 3.375rem)) {
    .hero__actions {
      margin-top: calc(2.5rem + 0.875 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (margin-bottom: clamp(1.25rem, -4.5804206765rem + 9.4040939156vw, 5rem)) {
    .about__hello {
      margin-bottom: clamp(1.25rem, -4.5804206765rem + 9.4040939156vw, 5rem);
    }
  }

  @supports not (margin-bottom: clamp(1.25rem, -4.5804206765rem + 9.4040939156vw, 5rem)) {
    .about__hello {
      margin-bottom: calc(1.25rem + 3.75 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (font-size: clamp(4.875rem, 1.7654423059rem + 5.015516755vw, 6.875rem)) {
    .hello-about__header span:nth-child(1) {
      font-size: clamp(4.875rem, 1.7654423059rem + 5.015516755vw, 6.875rem);
    }
  }

  @supports not (font-size: clamp(4.875rem, 1.7654423059rem + 5.015516755vw, 6.875rem)) {
    .hello-about__header span:nth-child(1) {
      font-size: calc(4.875rem + 2 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (font-size: clamp(2.5rem, 0.7508737971rem + 2.8212281747vw, 3.625rem)) {
    .hello-about__header span:nth-child(2) {
      font-size: clamp(2.5rem, 0.7508737971rem + 2.8212281747vw, 3.625rem);
    }
  }

  @supports not (font-size: clamp(2.5rem, 0.7508737971rem + 2.8212281747vw, 3.625rem)) {
    .hello-about__header span:nth-child(2) {
      font-size: calc(2.5rem + 1.125 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (padding: clamp(0.9375rem, -0.5201051691rem + 2.3510234789vw, 1.875rem)) {
    .hello-about__name-box {
      padding: clamp(0.9375rem, -0.5201051691rem + 2.3510234789vw, 1.875rem);
    }
  }

  @supports not (padding: clamp(0.9375rem, -0.5201051691rem + 2.3510234789vw, 1.875rem)) {
    .hello-about__name-box {
      padding: calc(0.9375rem + 0.9375 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (font-size: clamp(4.5rem, -0.9417259647rem + 8.7771543212vw, 8rem)) {
    .hello-about__name span {
      font-size: clamp(4.5rem, -0.9417259647rem + 8.7771543212vw, 8rem);
    }
  }

  @supports not (font-size: clamp(4.5rem, -0.9417259647rem + 8.7771543212vw, 8rem)) {
    .hello-about__name span {
      font-size: calc(4.5rem + 3.5 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (padding-right: clamp(1.25rem, -4.5804206765rem + 9.4040939156vw, 5rem)) {
    .body-box__items {
      padding-right: clamp(1.25rem, -4.5804206765rem + 9.4040939156vw, 5rem);
    }
  }

  @supports not (padding-right: clamp(1.25rem, -4.5804206765rem + 9.4040939156vw, 5rem)) {
    .body-box__items {
      padding-right: calc(1.25rem + 3.75 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (padding-left: clamp(0.625rem, -2.2902103382rem + 4.7020469578vw, 2.5rem)) {
    .body-box__items {
      padding-left: clamp(0.625rem, -2.2902103382rem + 4.7020469578vw, 2.5rem);
    }
  }

  @supports not (padding-left: clamp(0.625rem, -2.2902103382rem + 4.7020469578vw, 2.5rem)) {
    .body-box__items {
      padding-left: calc(0.625rem + 1.875 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (padding: clamp(1rem, 0.2226105765rem + 1.2538791887vw, 1.5rem)) {
    .roadmap__item {
      padding: clamp(1rem, 0.2226105765rem + 1.2538791887vw, 1.5rem);
    }
  }

  @supports not (padding: clamp(1rem, 0.2226105765rem + 1.2538791887vw, 1.5rem)) {
    .roadmap__item {
      padding: calc(1rem + 0.5 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (gap: clamp(1rem, -0.5547788471rem + 2.5077583775vw, 2rem)) {
    .tokenomics__items {
      gap: clamp(1rem, -0.5547788471rem + 2.5077583775vw, 2rem);
    }
  }

  @supports not (gap: clamp(1rem, -0.5547788471rem + 2.5077583775vw, 2rem)) {
    .tokenomics__items {
      gap: calc(1rem + 1 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (margin-bottom: clamp(1rem, -0.5547788471rem + 2.5077583775vw, 2rem)) {
    .tokenomics__items {
      margin-bottom: clamp(1rem, -0.5547788471rem + 2.5077583775vw, 2rem);
    }
  }

  @supports not (margin-bottom: clamp(1rem, -0.5547788471rem + 2.5077583775vw, 2rem)) {
    .tokenomics__items {
      margin-bottom: calc(1rem + 1 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (padding: clamp(1rem, 0.2226105765rem + 1.2538791887vw, 1.5rem)) {
    .tokenomics__item {
      padding: clamp(1rem, 0.2226105765rem + 1.2538791887vw, 1.5rem);
    }
  }

  @supports not (padding: clamp(1rem, 0.2226105765rem + 1.2538791887vw, 1.5rem)) {
    .tokenomics__item {
      padding: calc(1rem + 0.5 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (font-size: clamp(1.5rem, -0.2491262029rem + 2.8212281747vw, 2.625rem)) {
    .tokenomics__item:nth-child(4) span:nth-child(2) {
      font-size: clamp(1.5rem, -0.2491262029rem + 2.8212281747vw, 2.625rem);
    }
  }

  @supports not (font-size: clamp(1.5rem, -0.2491262029rem + 2.8212281747vw, 2.625rem)) {
    .tokenomics__item:nth-child(4) span:nth-child(2) {
      font-size: calc(1.5rem + 1.125 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (font-size: clamp(1.125rem, 0.9306526441rem + 0.3134697972vw, 1.25rem)) {
    .tokenomics__item span:nth-child(1) {
      font-size: clamp(1.125rem, 0.9306526441rem + 0.3134697972vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(1.125rem, 0.9306526441rem + 0.3134697972vw, 1.25rem)) {
    .tokenomics__item span:nth-child(1) {
      font-size: calc(1.125rem + 0.125 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (font-size: clamp(1.75rem, -1.1652103382rem + 4.7020469578vw, 3.625rem)) {
    .tokenomics__item span:nth-child(2) {
      font-size: clamp(1.75rem, -1.1652103382rem + 4.7020469578vw, 3.625rem);
    }
  }

  @supports not (font-size: clamp(1.75rem, -1.1652103382rem + 4.7020469578vw, 3.625rem)) {
    .tokenomics__item span:nth-child(2) {
      font-size: calc(1.75rem + 1.875 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (font-size: clamp(1.125rem, 0.9306526441rem + 0.3134697972vw, 1.25rem)) {
    .tokenomics__ca p:nth-child(1) {
      font-size: clamp(1.125rem, 0.9306526441rem + 0.3134697972vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(1.125rem, 0.9306526441rem + 0.3134697972vw, 1.25rem)) {
    .tokenomics__ca p:nth-child(1) {
      font-size: calc(1.125rem + 0.125 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (font-size: clamp(1.375rem, 0.8891316103rem + 0.783674493vw, 1.6875rem)) {
    .tokenomics__ca p:nth-child(2) span {
      font-size: clamp(1.375rem, 0.8891316103rem + 0.783674493vw, 1.6875rem);
    }
  }

  @supports not (font-size: clamp(1.375rem, 0.8891316103rem + 0.783674493vw, 1.6875rem)) {
    .tokenomics__ca p:nth-child(2) span {
      font-size: calc(1.375rem + 0.3125 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (height: clamp(45rem, 15.8478966177rem + 47.0204695778vw, 63.75rem)) {
    .join {
      height: clamp(45rem, 15.8478966177rem + 47.0204695778vw, 63.75rem);
    }
  }

  @supports not (height: clamp(45rem, 15.8478966177rem + 47.0204695778vw, 63.75rem)) {
    .join {
      height: calc(45rem + 18.75 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (padding-top: clamp(5.625rem, 2.7097896618rem + 4.7020469578vw, 7.5rem)) {
    .join__container {
      padding-top: clamp(5.625rem, 2.7097896618rem + 4.7020469578vw, 7.5rem);
    }
  }

  @supports not (padding-top: clamp(5.625rem, 2.7097896618rem + 4.7020469578vw, 7.5rem)) {
    .join__container {
      padding-top: calc(5.625rem + 1.875 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (max-width: clamp(31.25rem, 18.6174218677rem + 20.375536817vw, 39.375rem)) {
    .join__content {
      max-width: clamp(31.25rem, 18.6174218677rem + 20.375536817vw, 39.375rem);
    }
  }

  @supports not (max-width: clamp(31.25rem, 18.6174218677rem + 20.375536817vw, 39.375rem)) {
    .join__content {
      max-width: calc(31.25rem + 8.125 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (max-width: clamp(42.5rem, 33.5600216294rem + 14.4196106705vw, 48.25rem)) {
    .join__text {
      max-width: clamp(42.5rem, 33.5600216294rem + 14.4196106705vw, 48.25rem);
    }
  }

  @supports not (max-width: clamp(42.5rem, 33.5600216294rem + 14.4196106705vw, 48.25rem)) {
    .join__text {
      max-width: calc(42.5rem + 5.75 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (margin-top: clamp(3.75rem, -1.3030312529rem + 8.1502147268vw, 7rem)) {
    .join__text {
      margin-top: clamp(3.75rem, -1.3030312529rem + 8.1502147268vw, 7rem);
    }
  }

  @supports not (margin-top: clamp(3.75rem, -1.3030312529rem + 8.1502147268vw, 7rem)) {
    .join__text {
      margin-top: calc(3.75rem + 3.25 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (font-size: clamp(1.25rem, 0.8613052882rem + 0.6269395944vw, 1.5rem)) {
    .join__text {
      font-size: clamp(1.25rem, 0.8613052882rem + 0.6269395944vw, 1.5rem);
    }
  }

  @supports not (font-size: clamp(1.25rem, 0.8613052882rem + 0.6269395944vw, 1.5rem)) {
    .join__text {
      font-size: calc(1.25rem + 0.25 * (100vw - 61.99875rem) / 39.87625);
    }
  }

  @supports (margin-top: clamp(6.125rem, -1.6488942353rem + 12.5387918874vw, 11.125rem)) {
    .join__actions {
      margin-top: clamp(6.125rem,
          -1.6488942353rem + 12.5387918874vw,
          11.125rem);
    }
  }

  @supports not (margin-top: clamp(6.125rem, -1.6488942353rem + 12.5387918874vw, 11.125rem)) {
    .join__actions {
      margin-top: calc(6.125rem + 5 * (100vw - 61.99875rem) / 39.87625);
    }
  }
}

@media (min-width: 20em) and (max-width: 101.875em) {
  @supports (font-size: clamp(3.375rem, 1.7261450382rem + 8.2442748092vw, 10.125rem)) {
    .title span {
      font-size: clamp(3.375rem, 1.7261450382rem + 8.2442748092vw, 10.125rem);
    }
  }

  @supports not (font-size: clamp(3.375rem, 1.7261450382rem + 8.2442748092vw, 10.125rem)) {
    .title span {
      font-size: calc(3.375rem + 6.75 * (100vw - 20rem) / 81.875);
    }
  }

  @supports (width: clamp(3.75rem, 3.4446564885rem + 1.5267175573vw, 5rem)) {
    .header__logo {
      width: clamp(3.75rem, 3.4446564885rem + 1.5267175573vw, 5rem);
    }
  }

  @supports not (width: clamp(3.75rem, 3.4446564885rem + 1.5267175573vw, 5rem)) {
    .header__logo {
      width: calc(3.75rem + 1.25 * (100vw - 20rem) / 81.875);
    }
  }

  @supports (font-size: clamp(1.625rem, 1.411259542rem + 1.0687022901vw, 2.5rem)) {
    .footer__menu-item {
      font-size: clamp(1.625rem, 1.411259542rem + 1.0687022901vw, 2.5rem);
    }
  }

  @supports not (font-size: clamp(1.625rem, 1.411259542rem + 1.0687022901vw, 2.5rem)) {
    .footer__menu-item {
      font-size: calc(1.625rem + 0.875 * (100vw - 20rem) / 81.875);
    }
  }

  @supports (font-size: clamp(2rem, 1.8778625954rem + 0.6106870229vw, 2.5rem)) {
    .footer__menu-item::before {
      font-size: clamp(2rem, 1.8778625954rem + 0.6106870229vw, 2.5rem);
    }
  }

  @supports not (font-size: clamp(2rem, 1.8778625954rem + 0.6106870229vw, 2.5rem)) {
    .footer__menu-item::before {
      font-size: calc(2rem + 0.5 * (100vw - 20rem) / 81.875);
    }
  }

  @supports (width: clamp(2.625rem, 2.0448473282rem + 2.9007633588vw, 5rem)) {
    .footer__social-item {
      width: clamp(2.625rem, 2.0448473282rem + 2.9007633588vw, 5rem);
    }
  }

  @supports not (width: clamp(2.625rem, 2.0448473282rem + 2.9007633588vw, 5rem)) {
    .footer__social-item {
      width: calc(2.625rem + 2.375 * (100vw - 20rem) / 81.875);
    }
  }

  @supports (width: clamp(1.625rem, 1.5333969466rem + 0.4580152672vw, 2rem)) {
    .footer__social-item img {
      width: clamp(1.625rem, 1.5333969466rem + 0.4580152672vw, 2rem);
    }
  }

  @supports not (width: clamp(1.625rem, 1.5333969466rem + 0.4580152672vw, 2rem)) {
    .footer__social-item img {
      width: calc(1.625rem + 0.375 * (100vw - 20rem) / 81.875);
    }
  }

  @supports (width: clamp(6rem, 3.2519083969rem + 13.7404580153vw, 17.25rem)) {
    .footer__right {
      width: clamp(6rem, 3.2519083969rem + 13.7404580153vw, 17.25rem);
    }
  }

  @supports not (width: clamp(6rem, 3.2519083969rem + 13.7404580153vw, 17.25rem)) {
    .footer__right {
      width: calc(6rem + 11.25 * (100vw - 20rem) / 81.875);
    }
  }

  @supports (height: clamp(1.875rem, 1.5085877863rem + 1.8320610687vw, 3.375rem)) {
    .page__grey-line {
      height: clamp(1.875rem, 1.5085877863rem + 1.8320610687vw, 3.375rem);
      display: none;
    }
  }

  @supports not (height: clamp(1.875rem, 1.5085877863rem + 1.8320610687vw, 3.375rem)) {
    .page__grey-line {
      height: calc(1.875rem + 1.5 * (100vw - 20rem) / 81.875);
    }
  }

  @supports (padding-top: clamp(3.75rem, 3.1393129771rem + 3.0534351145vw, 6.25rem)) {
    .page__about {
      padding-top: clamp(3.75rem, 3.1393129771rem + 3.0534351145vw, 6.25rem);
    }
  }

  @supports not (padding-top: clamp(3.75rem, 3.1393129771rem + 3.0534351145vw, 6.25rem)) {
    .page__about {
      padding-top: calc(3.75rem + 2.5 * (100vw - 20rem) / 81.875);
    }
  }

  @supports (padding-top: clamp(1.875rem, 1.2643129771rem + 3.0534351145vw, 4.375rem)) {
    .page__roadmap {
      padding-top: clamp(1.875rem, 1.2643129771rem + 3.0534351145vw, 4.375rem);
    }
  }

  @supports not (padding-top: clamp(1.875rem, 1.2643129771rem + 3.0534351145vw, 4.375rem)) {
    .page__roadmap {
      padding-top: calc(1.875rem + 2.5 * (100vw - 20rem) / 81.875);
    }
  }

  @supports (padding-bottom: clamp(1.875rem, 1.2643129771rem + 3.0534351145vw, 4.375rem)) {
    .page__roadmap {
      padding-bottom: clamp(1.875rem,
          1.2643129771rem + 3.0534351145vw,
          4.375rem);
    }
  }

  @supports not (padding-bottom: clamp(1.875rem, 1.2643129771rem + 3.0534351145vw, 4.375rem)) {
    .page__roadmap {
      padding-bottom: calc(1.875rem + 2.5 * (100vw - 20rem) / 81.875);
    }
  }

  @supports (padding-top: clamp(1.875rem, 1.4169847328rem + 2.2900763359vw, 3.75rem)) {
    .page__tokenomics {
      padding-top: clamp(1.875rem, 1.4169847328rem + 2.2900763359vw, 3.75rem);
    }
  }

  @supports not (padding-top: clamp(1.875rem, 1.4169847328rem + 2.2900763359vw, 3.75rem)) {
    .page__tokenomics {
      padding-top: calc(1.875rem + 1.875 * (100vw - 20rem) / 81.875);
    }
  }

  @supports (padding-bottom: clamp(2.5rem, 0.6679389313rem + 9.1603053435vw, 10rem)) {
    .page__tokenomics {
      padding-bottom: clamp(2.5rem, 0.6679389313rem + 9.1603053435vw, 10rem);
    }
  }

  @supports not (padding-bottom: clamp(2.5rem, 0.6679389313rem + 9.1603053435vw, 10rem)) {
    .page__tokenomics {
      padding-bottom: calc(2.5rem + 7.5 * (100vw - 20rem) / 81.875);
    }
  }

  @supports (font-size: clamp(4.875rem, 3.5925572519rem + 6.4122137405vw, 10.125rem)) {
    .hero__title span {
      font-size: 23px;
      letter-spacing: -41x;
      /* font-size: clamp(4.875rem, 3.5925572519rem + 6.4122137405vw, 10.125rem);
    } */
    }

    @supports not (font-size: clamp(4.875rem, 3.5925572519rem + 6.4122137405vw, 10.125rem)) {
      .hero__title span {
        font-size: calc(4.875rem + 5.25 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (width: clamp(3rem, 2.5114503817rem + 2.4427480916vw, 5rem)) {
      .hero__social-item {
        width: clamp(3rem, 2.5114503817rem + 2.4427480916vw, 5rem);
      }
    }

    @supports not (width: clamp(3rem, 2.5114503817rem + 2.4427480916vw, 5rem)) {
      .hero__social-item {
        width: calc(3rem + 2 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (width: clamp(1.625rem, 1.5333969466rem + 0.4580152672vw, 2rem)) {
      .hero__social-item img {
        width: clamp(1.625rem, 1.5333969466rem + 0.4580152672vw, 2rem);
      }
    }

    @supports not (width: clamp(1.625rem, 1.5333969466rem + 0.4580152672vw, 2rem)) {
      .hero__social-item img {
        width: calc(1.625rem + 0.375 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (font-size: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
      .about__text {
        font-size: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem);
      }
    }

    @supports not (font-size: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
      .about__text {
        font-size: calc(1.125rem + 0.375 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (margin-bottom: clamp(0.625rem, 0.5486641221rem + 0.3816793893vw, 0.9375rem)) {
      .hello-about__header {
        margin-bottom: clamp(0.625rem,
            0.5486641221rem + 0.3816793893vw,
            0.9375rem);
      }
    }

    @supports not (margin-bottom: clamp(0.625rem, 0.5486641221rem + 0.3816793893vw, 0.9375rem)) {
      .hello-about__header {
        margin-bottom: calc(0.625rem + 0.3125 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (padding-top: clamp(0.625rem, 0.1669847328rem + 2.2900763359vw, 2.5rem)) {
      .how__header {
        padding-top: clamp(0.625rem, 0.1669847328rem + 2.2900763359vw, 2.5rem);
      }
    }

    @supports not (padding-top: clamp(0.625rem, 0.1669847328rem + 2.2900763359vw, 2.5rem)) {
      .how__header {
        padding-top: calc(0.625rem + 1.875 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (padding-bottom: clamp(0.625rem, 0.1669847328rem + 2.2900763359vw, 2.5rem)) {
      .how__header {
        padding-bottom: clamp(0.625rem, 0.1669847328rem + 2.2900763359vw, 2.5rem);
      }
    }

    @supports not (padding-bottom: clamp(0.625rem, 0.1669847328rem + 2.2900763359vw, 2.5rem)) {
      .how__header {
        padding-bottom: calc(0.625rem + 1.875 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (padding-top: clamp(2.5rem, 1.2786259542rem + 6.106870229vw, 7.5rem)) {
      .how__body .how__container {
        padding-top: clamp(2.5rem, 1.2786259542rem + 6.106870229vw, 7.5rem);
      }
    }

    @supports not (padding-top: clamp(2.5rem, 1.2786259542rem + 6.106870229vw, 7.5rem)) {
      .how__body .how__container {
        padding-top: calc(2.5rem + 5 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (padding-bottom: clamp(2.5rem, 1.5839694656rem + 4.5801526718vw, 6.25rem)) {
      .how__body .how__container {
        padding-bottom: clamp(2.5rem, 1.5839694656rem + 4.5801526718vw, 6.25rem);
      }
    }

    @supports not (padding-bottom: clamp(2.5rem, 1.5839694656rem + 4.5801526718vw, 6.25rem)) {
      .how__body .how__container {
        padding-bottom: calc(2.5rem + 3.75 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (row-gap: clamp(1.5rem, 1.3778625954rem + 0.6106870229vw, 2rem)) {
      .body-box__items {
        row-gap: clamp(1.5rem, 1.3778625954rem + 0.6106870229vw, 2rem);
      }
    }

    @supports not (row-gap: clamp(1.5rem, 1.3778625954rem + 0.6106870229vw, 2rem)) {
      .body-box__items {
        row-gap: calc(1.5rem + 0.5 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (row-gap: clamp(1rem, 0.8778625954rem + 0.6106870229vw, 1.5rem)) {
      .body-box__item {
        row-gap: clamp(1rem, 0.8778625954rem + 0.6106870229vw, 1.5rem);
      }
    }

    @supports not (row-gap: clamp(1rem, 0.8778625954rem + 0.6106870229vw, 1.5rem)) {
      .body-box__item {
        row-gap: calc(1rem + 0.5 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (font-size: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
      .body-box__item p:nth-child(1) span:nth-child(1) {
        font-size: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem);
      }
    }

    @supports not (font-size: clamp(1.125rem, 1.0333969466rem + 0.4580152672vw, 1.5rem)) {
      .body-box__item p:nth-child(1) span:nth-child(1) {
        font-size: calc(1.125rem + 0.375 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (font-size: clamp(2.625rem, 2.2891221374rem + 1.679389313vw, 4rem)) {
      .body-box__item p:nth-child(1) span:nth-child(2) {
        font-size: clamp(2.625rem, 2.2891221374rem + 1.679389313vw, 4rem);
      }
    }

    @supports not (font-size: clamp(2.625rem, 2.2891221374rem + 1.679389313vw, 4rem)) {
      .body-box__item p:nth-child(1) span:nth-child(2) {
        font-size: calc(2.625rem + 1.375 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (font-size: clamp(0.875rem, 0.7833969466rem + 0.4580152672vw, 1.25rem)) {
      .body-box__item p:nth-child(2) {
        font-size: clamp(0.875rem, 0.7833969466rem + 0.4580152672vw, 1.25rem);
      }
    }

    @supports not (font-size: clamp(0.875rem, 0.7833969466rem + 0.4580152672vw, 1.25rem)) {
      .body-box__item p:nth-child(2) {
        font-size: calc(0.875rem + 0.375 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (margin-bottom: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem)) {
      .roadmap__image {
        margin-bottom: clamp(1.875rem,
            1.5696564885rem + 1.5267175573vw,
            3.125rem);
      }
    }

    @supports not (margin-bottom: clamp(1.875rem, 1.5696564885rem + 1.5267175573vw, 3.125rem)) {
      .roadmap__image {
        margin-bottom: calc(1.875rem + 1.25 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (font-size: clamp(2.625rem, 2.2891221374rem + 1.679389313vw, 4rem)) {
      .roadmap__item-title {
        font-size: clamp(2.625rem, 2.2891221374rem + 1.679389313vw, 4rem);
      }
    }

    @supports not (font-size: clamp(2.625rem, 2.2891221374rem + 1.679389313vw, 4rem)) {
      .roadmap__item-title {
        font-size: calc(2.625rem + 1.375 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (margin-bottom: clamp(0.5rem, 0.4389312977rem + 0.3053435115vw, 0.75rem)) {
      .roadmap__item-title {
        margin-bottom: clamp(0.5rem, 0.4389312977rem + 0.3053435115vw, 0.75rem);
      }
    }

    @supports not (margin-bottom: clamp(0.5rem, 0.4389312977rem + 0.3053435115vw, 0.75rem)) {
      .roadmap__item-title {
        margin-bottom: calc(0.5rem + 0.25 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (font-size: clamp(1.125rem, 1.0944656489rem + 0.1526717557vw, 1.25rem)) {
      .roadmap__item-text {
        font-size: clamp(1.125rem, 1.0944656489rem + 0.1526717557vw, 1.25rem);
      }
    }

    @supports not (font-size: clamp(1.125rem, 1.0944656489rem + 0.1526717557vw, 1.25rem)) {
      .roadmap__item-text {
        font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (margin-bottom: clamp(1.875rem, 1.4169847328rem + 2.2900763359vw, 3.75rem)) {
      .tokenomics__title {
        margin-bottom: clamp(1.875rem, 1.4169847328rem + 2.2900763359vw, 3.75rem);
      }
    }

    @supports not (margin-bottom: clamp(1.875rem, 1.4169847328rem + 2.2900763359vw, 3.75rem)) {
      .tokenomics__title {
        margin-bottom: calc(1.875rem + 1.875 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (width: clamp(2rem, 1.8778625954rem + 0.6106870229vw, 2.5rem)) {
      .tokenomics__ca p:nth-child(2) button svg {
        width: clamp(2rem, 1.8778625954rem + 0.6106870229vw, 2.5rem);
      }
    }

    @supports not (width: clamp(2rem, 1.8778625954rem + 0.6106870229vw, 2.5rem)) {
      .tokenomics__ca p:nth-child(2) button svg {
        width: calc(2rem + 0.5 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (height: clamp(2rem, 1.8778625954rem + 0.6106870229vw, 2.5rem)) {
      .tokenomics__ca p:nth-child(2) button svg {
        height: clamp(2rem, 1.8778625954rem + 0.6106870229vw, 2.5rem);
      }
    }

    @supports not (height: clamp(2rem, 1.8778625954rem + 0.6106870229vw, 2.5rem)) {
      .tokenomics__ca p:nth-child(2) button svg {
        height: calc(2rem + 0.5 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (width: clamp(4.0625rem, 3.8334923664rem + 1.1450381679vw, 5rem)) {
      .join__social-item {
        width: clamp(4.0625rem, 3.8334923664rem + 1.1450381679vw, 5rem);
      }
    }

    @supports not (width: clamp(4.0625rem, 3.8334923664rem + 1.1450381679vw, 5rem)) {
      .join__social-item {
        width: calc(4.0625rem + 0.9375 * (100vw - 20rem) / 81.875);
      }
    }

    @supports (width: clamp(1.625rem, 1.5333969466rem + 0.4580152672vw, 2rem)) {
      .join__social-item img {
        width: clamp(1.625rem, 1.5333969466rem + 0.4580152672vw, 2rem);
      }
    }

    @supports not (width: clamp(1.625rem, 1.5333969466rem + 0.4580152672vw, 2rem)) {
      .join__social-item img {
        width: calc(1.625rem + 0.375 * (100vw - 20rem) / 81.875);
      }
    }
  }

  @media (min-width: 20em) and (max-width: 61.99875em) {
    @supports ((-moz-column-gap: clamp(2.5rem, 0.1189767553rem + 11.9051162237vw, 7.5rem)) or (column-gap: clamp(2.5rem, 0.1189767553rem + 11.9051162237vw, 7.5rem))) {
      .footer__left {
        -webkit-column-gap: clamp(2.5rem,
            0.1189767553rem + 11.9051162237vw,
            7.5rem);
        -moz-column-gap: clamp(2.5rem, 0.1189767553rem + 11.9051162237vw, 7.5rem);
        column-gap: clamp(2.5rem, 0.1189767553rem + 11.9051162237vw, 7.5rem);
      }
    }

    @supports not ((-moz-column-gap: clamp(2.5rem, 0.1189767553rem + 11.9051162237vw, 7.5rem)) or (column-gap: clamp(2.5rem, 0.1189767553rem + 11.9051162237vw, 7.5rem))) {
      .footer__left {
        -webkit-column-gap: calc(2.5rem + 5 * (100vw - 20rem) / 41.99875);
        -moz-column-gap: calc(2.5rem + 5 * (100vw - 20rem) / 41.99875);
        column-gap: calc(2.5rem + 5 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (padding-top: clamp(5rem, 3.8094883776rem + 5.9525581118vw, 7.5rem)) {
      .hero__container {
        padding-top: clamp(5rem, 3.8094883776rem + 5.9525581118vw, 7.5rem);
      }
    }

    @supports not (padding-top: clamp(5rem, 3.8094883776rem + 5.9525581118vw, 7.5rem)) {
      .hero__container {
        padding-top: calc(5rem + 2.5 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (margin-top: clamp(1.25rem, 0.9523720944rem + 1.488139528vw, 1.875rem)) {
      .hero__actions {
        margin-top: clamp(1.25rem, 0.9523720944rem + 1.488139528vw, 1.875rem);
      }
    }

    @supports not (margin-top: clamp(1.25rem, 0.9523720944rem + 1.488139528vw, 1.875rem)) {
      .hero__actions {
        margin-top: calc(1.25rem + 0.625 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (margin-bottom: clamp(1.25rem, 0.0594883776rem + 5.9525581118vw, 3.75rem)) {
      .about__hello {
        margin-bottom: clamp(1.25rem, 0.0594883776rem + 5.9525581118vw, 3.75rem);
      }
    }

    @supports not (margin-bottom: clamp(1.25rem, 0.0594883776rem + 5.9525581118vw, 3.75rem)) {
      .about__hello {
        margin-bottom: calc(1.25rem + 2.5 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (font-size: clamp(4.875rem, 3.9225907021rem + 4.7620464895vw, 6.875rem)) {
      .hello-about__header span:nth-child(1) {
        font-size: clamp(4.875rem, 3.9225907021rem + 4.7620464895vw, 6.875rem);
      }
    }

    @supports not (font-size: clamp(4.875rem, 3.9225907021rem + 4.7620464895vw, 6.875rem)) {
      .hello-about__header span:nth-child(1) {
        font-size: calc(4.875rem + 2 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (font-size: clamp(2.5rem, 1.9642697699rem + 2.6786511503vw, 3.625rem)) {
      .hello-about__header span:nth-child(2) {
        font-size: clamp(2.5rem, 1.9642697699rem + 2.6786511503vw, 3.625rem);
      }
    }

    @supports not (font-size: clamp(2.5rem, 1.9642697699rem + 2.6786511503vw, 3.625rem)) {
      .hello-about__header span:nth-child(2) {
        font-size: calc(2.5rem + 1.125 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (padding: clamp(0.9375rem, 0.4910581416rem + 2.2322092919vw, 1.875rem)) {
      .hello-about__name-box {
        padding: clamp(0.9375rem, 0.4910581416rem + 2.2322092919vw, 1.875rem);
      }
    }

    @supports not (padding: clamp(0.9375rem, 0.4910581416rem + 2.2322092919vw, 1.875rem)) {
      .hello-about__name-box {
        padding: calc(0.9375rem + 0.9375 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (font-size: clamp(3rem, 0.6189767553rem + 11.9051162237vw, 8rem)) {
      .hello-about__name span {
        font-size: clamp(3rem, 0.6189767553rem + 11.9051162237vw, 8rem);
      }
    }

    @supports not (font-size: clamp(3rem, 0.6189767553rem + 11.9051162237vw, 8rem)) {
      .hello-about__name span {
        font-size: calc(3rem + 5 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (padding: clamp(1rem, 0.7618976755rem + 1.1905116224vw, 1.5rem)) {
      .roadmap__item {
        padding: clamp(1rem, 0.7618976755rem + 1.1905116224vw, 1.5rem);
      }
    }

    @supports not (padding: clamp(1rem, 0.7618976755rem + 1.1905116224vw, 1.5rem)) {
      .roadmap__item {
        padding: calc(1rem + 0.5 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (gap: clamp(1rem, 0.5237953511rem + 2.3810232447vw, 2rem)) {
      .tokenomics__items {
        gap: clamp(1rem, 0.5237953511rem + 2.3810232447vw, 2rem);
      }
    }

    @supports not (gap: clamp(1rem, 0.5237953511rem + 2.3810232447vw, 2rem)) {
      .tokenomics__items {
        gap: calc(1rem + 1 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (margin-bottom: clamp(1rem, 0.5237953511rem + 2.3810232447vw, 2rem)) {
      .tokenomics__items {
        margin-bottom: clamp(1rem, 0.5237953511rem + 2.3810232447vw, 2rem);
      }
    }

    @supports not (margin-bottom: clamp(1rem, 0.5237953511rem + 2.3810232447vw, 2rem)) {
      .tokenomics__items {
        margin-bottom: calc(1rem + 1 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (padding: clamp(1rem, 0.7618976755rem + 1.1905116224vw, 1.5rem)) {
      .tokenomics__item {
        padding: clamp(1rem, 0.7618976755rem + 1.1905116224vw, 1.5rem);
      }
    }

    @supports not (padding: clamp(1rem, 0.7618976755rem + 1.1905116224vw, 1.5rem)) {
      .tokenomics__item {
        padding: calc(1rem + 0.5 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (font-size: clamp(1.375rem, 0.6011674455rem + 3.8691627727vw, 3rem)) {
      .tokenomics__item:nth-child(4) span:nth-child(2) {
        font-size: clamp(1.375rem, 0.6011674455rem + 3.8691627727vw, 3rem);
      }
    }

    @supports not (font-size: clamp(1.375rem, 0.6011674455rem + 3.8691627727vw, 3rem)) {
      .tokenomics__item:nth-child(4) span:nth-child(2) {
        font-size: calc(1.375rem + 1.625 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (font-size: clamp(1.25rem, 1.1309488378rem + 0.5952558112vw, 1.5rem)) {
      .tokenomics__item span:nth-child(1) {
        font-size: clamp(1.25rem, 1.1309488378rem + 0.5952558112vw, 1.5rem);
      }
    }

    @supports not (font-size: clamp(1.25rem, 1.1309488378rem + 0.5952558112vw, 1.5rem)) {
      .tokenomics__item span:nth-child(1) {
        font-size: calc(1.25rem + 0.25 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (font-size: clamp(2.5rem, 1.9642697699rem + 2.6786511503vw, 3.625rem)) {
      .tokenomics__item span:nth-child(2) {
        font-size: clamp(2.5rem, 1.9642697699rem + 2.6786511503vw, 3.625rem);
      }
    }

    @supports not (font-size: clamp(2.5rem, 1.9642697699rem + 2.6786511503vw, 3.625rem)) {
      .tokenomics__item span:nth-child(2) {
        font-size: calc(2.5rem + 1.125 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (font-size: clamp(1.25rem, 1.1309488378rem + 0.5952558112vw, 1.5rem)) {
      .tokenomics__ca p:nth-child(1) {
        font-size: clamp(1.25rem, 1.1309488378rem + 0.5952558112vw, 1.5rem);
      }
    }

    @supports not (font-size: clamp(1.25rem, 1.1309488378rem + 0.5952558112vw, 1.5rem)) {
      .tokenomics__ca p:nth-child(1) {
        font-size: calc(1.25rem + 0.25 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (font-size: clamp(1.125rem, 0.8273720944rem + 1.488139528vw, 1.75rem)) {
      .tokenomics__ca p:nth-child(2) span {
        font-size: clamp(1.125rem, 0.8273720944rem + 1.488139528vw, 1.75rem);
      }
    }

    @supports not (font-size: clamp(1.125rem, 0.8273720944rem + 1.488139528vw, 1.75rem)) {
      .tokenomics__ca p:nth-child(2) span {
        font-size: calc(1.125rem + 0.625 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (padding-top: clamp(1.875rem, 0.9821162832rem + 4.4644185839vw, 3.75rem)) {
      .join__container {
        padding-top: clamp(1.875rem, 0.9821162832rem + 4.4644185839vw, 3.75rem);
      }
    }

    @supports not (padding-top: clamp(1.875rem, 0.9821162832rem + 4.4644185839vw, 3.75rem)) {
      .join__container {
        padding-top: calc(1.875rem + 1.875 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (margin-top: clamp(1.25rem, 0.9523720944rem + 1.488139528vw, 1.875rem)) {
      .join__text {
        margin-top: clamp(1.25rem, 0.9523720944rem + 1.488139528vw, 1.875rem);
      }
    }

    @supports not (margin-top: clamp(1.25rem, 0.9523720944rem + 1.488139528vw, 1.875rem)) {
      .join__text {
        margin-top: calc(1.25rem + 0.625 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (font-size: clamp(1.25rem, 1.1309488378rem + 0.5952558112vw, 1.5rem)) {
      .join__text {
        font-size: clamp(1.25rem, 1.1309488378rem + 0.5952558112vw, 1.5rem);
      }
    }

    @supports not (font-size: clamp(1.25rem, 1.1309488378rem + 0.5952558112vw, 1.5rem)) {
      .join__text {
        font-size: calc(1.25rem + 0.25 * (100vw - 20rem) / 41.99875);
      }
    }

    @supports (margin-top: clamp(1.25rem, 0.6547441888rem + 2.9762790559vw, 2.5rem)) {
      .join__actions {
        margin-top: clamp(1.25rem, 0.6547441888rem + 2.9762790559vw, 2.5rem);
      }
    }

    @supports not (margin-top: clamp(1.25rem, 0.6547441888rem + 2.9762790559vw, 2.5rem)) {
      .join__actions {
        margin-top: calc(1.25rem + 1.25 * (100vw - 20rem) / 41.99875);
      }
    }
  }

  @media (min-width: 61.99875em) and (min-width: 61.99875em) and (max-width: 101.875em) {
    @supports (height: clamp(45rem, 15.8478966177rem + 47.0204695778vw, 63.75rem)) {
      .hero {
        height: clamp(45rem, 15.8478966177rem + 47.0204695778vw, 63.75rem);
      }
    }

    @supports not (height: clamp(45rem, 15.8478966177rem + 47.0204695778vw, 63.75rem)) {
      .hero {
        height: calc(45rem + 18.75 * (100vw - 61.99875rem) / 39.87625);
      }
    }
  }

  @media (any-hover: hover) {
    .menu__link:hover span {
      scale: 0.75;
      opacity: 0;
      visibility: hidden;
    }

    .menu__link:hover::before {
      scale: 1;
      opacity: 1;
      visibility: visible;
    }

    .button:hover {
      border: 0.25rem solid #bb0102;
    }

    .button:hover span:nth-child(1) {
      scale: 0.75;
      opacity: 0;
      visibility: hidden;
    }

    .button:hover span:nth-child(2) {
      scale: 1;
      opacity: 1;
      visibility: visible;
    }

    .header__social-item:hover {
      border: 0.25rem solid #bb0102;
    }

    .header__social-item:hover img {
      scale: 1.2;
    }

    .footer__menu-item:hover span {
      scale: 0.75;
      opacity: 0;
      visibility: hidden;
    }

    .footer__menu-item:hover::before {
      scale: 1;
      opacity: 1;
      visibility: visible;
    }

    .footer__social-item:hover {
      border: 0.25rem solid #bb0102;
    }

    .footer__social-item:hover img {
      scale: 1.2;
    }

    .hero__social-item:hover {
      border: 0.25rem solid #bb0102;
    }

    .hero__social-item:hover img {
      scale: 1.2;
    }

    .tokenomics__ca p:nth-child(2) button:hover svg path {
      fill: #5d2e0a;
    }

    .join__social-item:hover {
      border: 0.25rem solid #bb0102;
    }

    .join__social-item:hover img {
      scale: 1.2;
    }
  }