@font-face {
    font-family: Simple Cake;
    font-display: swap;
    src: url("Simple%20Cake-Bold%20Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

.glow {
    font-size: 2rem;
    color: white;
    /* Text color */
    text-shadow: 0 0 5px green, 0 0 10px green, 0 0 15px green, 0 0 20px green;
    animation: glowAnimation 1.5s ease-in-out infinite;
}

/* Keyframes for glowing animation */

@keyframes glowAnimation {
    0% {
        text-shadow: 0 0 5px green, 0 0 10px green, 0 0 15px green,
            0 0 20px green;
        color: white;
    }
    50% {
        text-shadow: 0 0 20px green, 0 0 30px green, 0 0 50px green,
            0 0 70px green;
        color: limegreen;
    }
    100% {
        text-shadow: 0 0 5px green, 0 0 10px green, 0 0 15px green,
            0 0 20px green;
        color: white;
    }
}

/* Main container */

.containe {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    max-width: 90%;
    min-width: 600px;
    flex-wrap: wrap;
    /* Allows wrapping on smaller screens */
    gap: 20px;
    /* Adds space between the gif-wrapper sections */
}

/* GIF wrapper */

.gif-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 10px;
    max-width: 300px;
    text-align: center;
}

/* GIF styling */

.gif {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Text section styling */

.text-section {
    flex: 1;
    margin-left: 20px;
    font-size: 1.2rem;
    color: white;
    line-height: 1.6;
}

.text-section h2 {
    font-size: 1.8rem;
    color: #ff6347;
    /* Tomato color for the heading */
}

.text-section p {
    color: white;
}

.text-section .highlight {
    color: #ff6347;
    font-weight: bold;
}

/* Hover effect for gifs */

.gif-wrapper:hover .gif {
    transform: scale(1.05);
    transition: transform 0.3s ease-in-out;
}

/* Smooth shadow effect */

.container:hover {
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.3s ease-in-out;
}

/* Mobile responsiveness */

@media (max-width: 768px) {
    .container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .text-section {
        margin-left: 0;
        margin-top: 15px;
        text-align: center;
        font-size: 1rem;
    }
    .text-section h2 {
        font-size: 1.6rem;
    }
    .gif-wrapper {
        margin: 15px 0;
        max-width: 90%;
        /* Allow gifs to expand to a larger width */
        justify-content: center;
        text-align: center;
    }
}

/* Small screens (mobile portrait) */

@media (max-width: 480px) {
    .text-section h2 {
        font-size: 1.4rem;
    }
    .text-section p {
        font-size: 0.9rem;
    }
}

.animated-text {
    font-size: 2rem;
    font-weight: bold;
    color: white;
    animation: moveUpDown 2s ease-in-out infinite;
}

@keyframes moveUpDown {
    0% {
        transform: translateY(0);
        /* Start position */
    }
    50% {
        transform: translateY(-20px);
        /* Move up */
    }
    100% {
        transform: translateY(0);
        /* Return to start */
    }
}

.blurred-background {
    width: 100%;
    height: 100%;
    background-image: url("");
    /* Replace with your image URL */
    background-size: cover;
    background-position: center;
    filter: blur(8px);
    /* Adjust the blur intensity */
    position: fixed;
    /* Fix to the viewport */
    top: 0;
    left: 0;
    z-index: -1;
    /* Place it behind other content */
}

@font-face {
    font-family: Simple Cake;
    font-display: swap;
    src: url("Naughty%20Squirrel%20Demo.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Simple Cake";
    src: url("Simple%20Cake.otf") format("woff2");
}

* {
    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: black;
    line-height: 1;
    font-family: Simple Cake;
    background-color: transparent;
    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: Simple Cake;
    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: white;
    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: #f6c0ff;
    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.2rem solid #000;
    background-color: transparent;
    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: #fff;
}

.button span:nth-child(2) {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #f6c0ff;
    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: Simple Cake;
    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: FABC6E;
    border-bottom: 0.1rem 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: FABC6E;
}

.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: transparent;
    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: #f6c0ff;
    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%;
    background: black;
    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: transparent;
    border-top: 0.2rem 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%;
    text-align: center;
    position: relative;
    background-repeat: no-repeat;
}

.secti {
    opacity: 0;
    height: 100vh;
}

.hero__container {
    width: 100%;
    text-align: center;
    display: flex;
    /* position: absolute; */
    top: 3rem;
    flex-direction: column;
    justify-content: center;
    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: Simple Cake;
    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;
    text-shadow: 5px 3px 2px rgb(57 55 55 / 93%);
    color: rgb(246, 192, 255);
}

.hero__text {
    background-color: rgba(255, 255, 255, 0.021);
    font-weight: 700;
    line-height: normal;
    opacity: 0;
    /* visibility: hidden; */
    text-align: center;
    /* -webkit-transform: translateX(2.5rem); */
    /* transform: translateX(2.5rem); */
}

.loaded .hero__text {
    color: rgb(255, 255, 255);
    font-size: 2em;
    -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;
    justify-content: center;
    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: #ffffff;
}

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

.hero__mob-img {
    margin-top: -1rem;
    width: 100%;
    position: relative;
    /* top: -3rem; */
}

.hero__mob-img img {
    width: 100%;
    margin-top: 3.5rem;
    /* display: none; */
    /* position: absolute; */
}

.about {
    background-color: #ffffff;
    background-image: url("backpop.jpg");
    background-position: 20% 40%;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    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%;
}

.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;
    backdrop-filter: blur(5px);
    border: 0.2rem solid #000;
    background: rgba(0, 0, 0, 0.18);
    display: flex;
    flex-direction: column;
    align-items: center;
    /* margin-right: 3rem; */
    padding: 1rem;
}

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

.hello-about__header span:nth-child(1) {
    color: #fff;
    font-family: Simple Cake;
    font-weight: 900;
}

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

.hello-about__name-box {
    background-color: #fff;
    border-radius: 30px;
}

.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._watcher-view span:nth-child(7) {
    -webkit-animation: text 0.3s ease 0.7s forwards;
    animation: text 0.3s ease 0.7s forwards;
}

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

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

.hello-about__name._watcher-view span:nth-child(10) {
    -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: transparent;
    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("body-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.how__bottom {
    position: relative;
    height: 13.125rem;
    background-color: transparent;
    border-top: 0.375rem solid #000;
    border-bottom: 0.375rem solid #000;
    background-image: url("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: #c52d18;
    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: Simple Cake;
    font-weight: 900;
    line-height: normal;
}

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

.tokenomics {
    position: relative;
    background-color: transparent;
}

.tokenomics__title {
    text-align: center;
}

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

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

.tokenomics__image img {
    max-width: 100%;
    /* margin-left: 3rem; */
}

.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: #c52d18;
    font-weight: 700;
    line-height: normal;
}

.tokenomics__item span:nth-child(2) {
    color: #000;
    font-family: Simple Cake;
    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: #c52d18;
    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: #5380f7;
}

.tokenomics__ca p:nth-child(2) span {
    color: #000;
    font-family: Simple Cake;
    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: #754208;
}

.join__container {
    position: relative;
    z-index: 2;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    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%;
}

@media (min-width: 61.99875em) {
    .hero {
        background-image: url("cool.jpg");
        box-shadow: 0 0 40px 10px #000, 0 0 80px 20px #920b19,
            0 0 120px 40px #1e1834 !important;
        border-top: 30rem;
        background-position: 30%;
        background-size: 100%;
        position: relative;
        background-repeat: no-repeat;
    }
    .hero__mob-img {
        display: none;
    }
    .secti {
        height: 100vh;
        opacity: 0;
        width: 100%;
    }
    .hero__container {
        width: 100%;
        text-align: center;
        display: flex;
        /* position: absolute; */
        height: 100vh;
        top: -3rem;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 2.5rem;
    }
    .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("urn:scrapbook:download:error:https://www.lumidreams.xyz/img/how/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("");
        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;
        background-image: url("backpop.jpg");
        background-position: 20% 40%;
        background-size: cover;
        border-top: 2px solid black;
        position: relative;
        background-repeat: no-repeat;
    }
    .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: 10.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 {
        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: 3rem;
    }
    .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.425rem;
    }
    .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: 7rem;
    }
    .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: 2rem;
        line-height: 1.5;
        text-shadow: 2px 4px 2px rgb(0 0 0 / 72%);
         {
            font-family: Simple Cake;
            font-display: swap;
            src: url("")
                format("woff2");
            font-weight: 400;
            font-style: normal;
        }
        @font-face {
            font-family: Simple Cake;
            font-display: swap;
            src: url("Naughty%20Squirrel%20Demo.woff2") format("woff2");
            font-weight: 400;
            font-style: normal;
        }
        @font-face {
            font-family: "Simple Cake";
            src: url("Simple%20Cake.otf") format("woff2");
        }
        * {
            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: Simple Cake;
            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: Simple Cake;
            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: #f6c0ff;
            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.2rem solid #000;
            background-color: transparent;
            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: #fff;
        }
        .button span:nth-child(2) {
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            color: #f6c0ff;
            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: Simple Cake;
            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: FABC6E;
            border-bottom: 0.1rem 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: FABC6E;
        }
        .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: transparent;
            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: #f6c0ff;
            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: transparent;
            border-top: 0.2rem solid #000;
            border-bottom: 0.2rem 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%;
            text-align: center;
            position: relative;
            background-repeat: no-repeat;
        }
        .secti {
            opacity: 0;
            height: 100vh;
        }
        .hero__container {
            width: 100%;
            text-align: center;
            display: flex;
            /* position: absolute; */
            top: 3rem;
            flex-direction: column;
            justify-content: center;
            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: Simple Cake;
            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;
            text-shadow: 5px 3px 2px rgb(57 55 55 / 93%);
            color: rgb(246, 192, 255);
        }
        .hero__text {
            background-color: rgba(255, 255, 255, 0.021);
            font-weight: 700;
            line-height: normal;
            opacity: 0;
            /* visibility: hidden; */
            text-align: center;
            /* -webkit-transform: translateX(2.5rem); */
            /* transform: translateX(2.5rem); */
        }
        .loaded .hero__text {
            color: rgb(151, 116, 176);
            font-size: 2em;
            -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;
            justify-content: center;
            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: #ffffff;
        }
        .hero__social-item: last-child img {
            /* -webkit-transform: translateX(-5%); */
            /* transform: translateX(-5%); */
        }
        .hero__mob-img {
            margin-top: -1rem;
            width: 100%;
            position: relative;
            /* top: -3rem; */
        }
        .hero__mob-img img {
            width: 100%;
            margin-top: 3.5rem;
            /* display: none; */
            /* position: absolute; */
        }
        .about {
            background-color: #ffffff;
            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%;
        }
        .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;
            backdrop-filter: blur(5px);
            border: 0.2rem solid #000;
            background: rgba(0, 0, 0, 0.18);
            display: flex;
            flex-direction: column;
            align-items: center;
            /* margin-right: 3rem; */
            padding: 1rem;
            -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: Simple Cake;
            font-weight: 900;
        }
        .hello-about__header span:nth-child(2) {
            color: #fff;
            font-family: Simple Cake;
            font-weight: 900;
            margin-top: -5%;
        }
        .hello-about__name-box {
            background-color: #fff;
            border-radius: 30px;
        }
        .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._watcher-view span:nth-child(7) {
            -webkit-animation: text 0.3s ease 0.7s forwards;
            animation: text 0.3s ease 0.7s forwards;
        }
        .hello-about__name._watcher-view span:nth-child(8) {
            -webkit-animation: text 0.3s ease 0.7s forwards;
            animation: text 0.3s ease 0.7s forwards;
        }
        .hello-about__name._watcher-view span:nth-child(9) {
            -webkit-animation: text 0.3s ease 0.7s forwards;
            animation: text 0.3s ease 0.7s forwards;
        }
        .hello-about__name._watcher-view span:nth-child(10) {
            -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: transparent;
            border-bottom: 0.375rem solid #000;
        }
        .how__body .how__container {
            border-left: 0.375rem solid #000;
            border-top: -5rem;
            border-right: 0.375rem solid #000;
            background-image: url("body-bg.png");
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }
        .how__bottom {
            position: relative;
            height: 13.125rem;
            background-color: transparent;
            border-top: 0.375rem solid #000;
            border-bottom: 0.375rem solid #000;
            background-image: url("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: #c52d18;
            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: Simple Cake;
            font-weight: 900;
            line-height: normal;
        }
        .roadmap__item-text {
            color: #c52d18;
            font-weight: 700;
            line-height: normal;
        }
        .tokenomics {
            position: relative;
            background-color: transparent;
        }
        .tokenomics__title {
            text-align: center;
        }
        .tokenomics__body {
            display: flex;
            align-items: center;
            flex-direction: row-reverse;
        }
        .tokenomics__image {
            flex: 0 0 45%;
            overflow: hidden;
            border-radius: 8%;
        }
        .tokenomics__image img {
            max-width: 100%;
            /* margin-left: 3rem; */
        }
        .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: #c52d18;
            font-weight: 700;
            line-height: normal;
        }
        .tokenomics__item span:nth-child(2) {
            color: #000;
            font-family: Simple Cake;
            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: #c52d18;
            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: #5380f7;
        }
        .tokenomics__ca p:nth-child(2) span {
            color: #000;
            font-family: Simple Cake;
            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: #754208;
        }
        .join__container {
            position: relative;
            z-index: 2;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-end;
            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%;
        }
        @media (min-width: 61.99875em) {
            .hero {
                background-image: url("backpop.jpg");
                background-position: 20% 40%;
                background-size: cover;
                position: relative;
                background-repeat: no-repeat;
            }
            .hero__mob-img {
                display: none;
            }
            .secti {
                height: 100vh;
                opacity: 0;
                width: 100%;
            }
            .hero__container {
                width: 100%;
                text-align: center;
                display: flex;
                /* position: absolute; */
                height: 100vh;
                top: -3rem;
                flex-direction: column;
                justify-content: center;
                padding-bottom: 2.5rem;
            }
            .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("urn:scrapbook:download:error:https://www.lumidreams.xyz/img/how/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("");
                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;
                background-image: url("backpop.jpg");
                background-position: 20% 40%;
                background-size: cover;
                position: relative;
                background-repeat: no-repeat;
            }
            .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: 10.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 {
                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: 3rem;
            }
            .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: 7rem;
            }
            .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: 2rem;
                line-height: 1.5;
            }
            .hello-about__header span:nth-child(2) {
                font-size: 2rem;
                line-height: 1.5;
                margin-top: 2rem;
            }
            .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: #fcc07a;
            }
            .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: transparent;
            }
            .header._header-scroll {
                background-color: transparent;
            }
            .header__actions {
                flex-direction: column-reverse;
                row-gap: 1.875rem;
            }
            .footer__left {
                width: 100%;
                justify-content: center;
            }
            .footer__right {
                display: flex;
            }
            .hero {
                background-color: #ffffff00;
            }
            .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: 1;
                /* 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: transparent;
            }
            .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(
                        9rem + 5 * (100vw - 61.99875rem) / 39.87625
                    );
                    text-align: center;
                }
            }
            @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 {
                    text-align: center;
                    /* 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); */
                    text-align: center;
                    /* display: flex; */
                }
            }
            @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
                    );
                    text-align: center;
                }
            }
            @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(
                        2rem + 2 * (100vw - 61.99875rem) / 39.87625
                    );
                    text-align: center;
                    line-height: 1.5;
                    text-shadow: 3px 4px 2px rgb(0 0 0 / 72%);
                }
            }
            @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(
                        2rem + 2 * (100vw - 61.99875rem) / 39.87625
                    );
                    text-align: center;
                    margin-top: 1rem;
                    line-height: 1.5;
                    text-shadow: 3px 4px 2px rgb(0 0 0 / 72%);
                }
            }
            @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(3rem, -0.9417259647rem+8.7771543212vw, 8rem)
            ) {
                .hello-about__name span {
                    font-size: calc(
                        3.2rem + 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
                    );
                }
            }
            @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);
                    background-image: url("backpop.jpg");
                    background-position: 20% 40%;
                    background-size: cover;
                    position: relative;
                    background-repeat: no-repeat;
                }
            }
            @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: 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 #f6c0ff;
            }
            .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 #f6c0ff;
            }
            .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 #f6c0ff;
            }
            .footer__social-item: hover img {
                scale: 1.2;
            }
            .hero__social-item: hover {
                border: 0.25rem solid #f6c0ff;
            }
            .hero__social-item: hover img {
                scale: 1.2;
            }
            .tokenomics__ca p:nth-child(2) button: hover svg path {
                fill: #5380f7;
            }
            .join__social-item: hover {
                border: 0.25rem solid #f6c0ff;
            }
            .join__social-item: hover img {
                scale: 1.2;
            }
        }
        .newbear {
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
    .hello-about__header span:nth-child(2) {
        font-size: 2rem;
        line-height: 1.5;
        margin-top: 2rem;
        text-shadow: 2px 4px 2px rgb(0 0 0 / 72%);
    }
    .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: #fcc07a;
    }
    .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: transparent;
    }
    .header._header-scroll {
        background-color: transparent;
    }
    .header__actions {
        flex-direction: column-reverse;
        row-gap: 1.875rem;
    }
    .footer__left {
        width: 100%;
        justify-content: center;
    }
    .footer__right {
        display: flex;
    }
    .hero {
        background-color: #23141400;
        background-image: url("urn:scrapbook:download:error:https://www.lumidreams.xyz/img/yuuu.jpg");
        background-size: cover;
        filter: blur(px);
        position: relative;
        background-repeat: no-repeat;
        z-index: -1;
    }
    .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: 1;
        /* 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: transparent;
    }
    .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(9rem + 5 * (100vw - 61.99875rem) / 39.87625);
            text-align: center;
        }
    }
    @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 {
            text-align: center;
            /* 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); */
            text-align: center;
            /* display: flex; */
        }
    }
    @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);
            text-align: center;
        }
    }
    @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(2rem + 2 * (100vw - 61.99875rem) / 39.87625);
            text-align: center;
            line-height: 1.5;
            text-shadow: 3px 4px 2px rgb(0 0 0 / 72%);
        }
    }
    @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(2rem + 2 * (100vw - 61.99875rem) / 39.87625);
            text-align: center;
            margin-top: 1rem;
            line-height: 1.5;
            text-shadow: 3px 4px 2px rgb(0 0 0 / 72%);
        }
    }
    @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(3rem, -0.9417259647rem+8.7771543212vw, 8rem)
    ) {
        .hello-about__name span {
            font-size: calc(3.2rem + 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);
        }
    }
    @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);
            background-image: url("backpop.jpg");
            box-shadow: 0 0 40px 10px #000, 0 0 80px 20px #920b19,
                0 0 120px 40px #1e1834 !important;
            background-position: 20% 40%;
            background-size: cover;
            position: relative;
            background-repeat: no-repeat;
        }
    }
    @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: 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) {
            text-shadow: 2px 4px 2px rgb(0 0 0 / 72%);
            line-height: 1.5;
            font-size: 3rem;
        }
    }
    @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: 3rem;
            line-height: 1.5;
            text-shadow: 2px 4px 2px rgb(0 0 0 / 72%);
            margin-top: 3rem;
        }
    }
    @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 #f6c0ff;
    }
    .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 #f6c0ff;
    }
    .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 #f6c0ff;
    }
    .footer__social-item:hover img {
        scale: 1.2;
    }
    .hero__social-item:hover {
        border: 0.25rem solid #f6c0ff;
    }
    .hero__social-item:hover img {
        scale: 1.2;
    }
    .tokenomics__ca p:nth-child(2) button:hover svg path {
        fill: #5380f7;
    }
    .join__social-item:hover {
        border: 0.25rem solid #f6c0ff;
    }
    .join__social-item:hover img {
        scale: 1.2;
    }
}

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