* {box-sizing: border-box}
html {height: 100%; -webkit-text-size-adjust: 100%}

@font-face {
  font-family: Pencil Child;
  src: url('../fonts/Pencil-Child.woff2') format("woff2");
  font-display: swap}

:root {
  --glow-white-v: #f3fff4;
  --sol-green-v: #03fff6;
  --blue-forest: #003d6f;
  --pnk-v: #f0d;
  --velvet-purple-v: #46006f;
}
h1, h2, h3 {text-wrap: balance; margin-block: 20px 10px}
h1 {font-size: 38px; line-height: 44px}
h2 {font-size: 32px; line-height: 36px}
h3 {font-size: 24px; line-height: 30px}
p {margin-block: 10px; text-wrap: pretty}
a {color: var(--glow-white-v); text-decoration: none}

img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle}
button {border: 0; cursor: pointer}
dotlottie-player {max-width: 100%}

body {
  position: relative;
  margin: 0;
  min-height: 100%;
  color: var(--glow-white-v);
  text-align: center;
  text-shadow: -1px 2px 5px #03fff7;
  background-color: #34009bf5;
  font-family: Pencil Child, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased}

.star {
  position: absolute;
  z-index: -1;
  pointer-events: none;
  background: url(../images/spark.svg) center / contain no-repeat;
  opacity: .25;
  animation: tw 4s step-end infinite}
@keyframes tw {84%, 90% {opacity: 1} 87% {opacity: .45} 94% {opacity: .25}}
.spk::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 8px;
  vertical-align: top;
  background: url(../images/spark.svg) center / contain no-repeat;
  filter: drop-shadow(0 0 3px #03fff7);
  animation: spkpop 2.4s ease-in-out infinite}
@keyframes spkpop {0%, 60%, 100% {scale: 0} 80% {scale: 1}}

.flx1, .ftr-scl-lnk, .charts-lg-wrp, .pr-wrp, .buy, .tb-dtls {display: flex; align-items: center; justify-content: center}
.flt1, .charts-lg {filter: drop-shadow(-3px 3px 6px #0000004f)}

.utl-cont {
  max-width: 940px;
  margin-inline: auto}
.title {font-size: 70px}
.title-home {margin-bottom: 40px; font-size: 70px; line-height: 60px}
.descr {
  letter-spacing: 1px;
  font-size: 24px;
  line-height: 28px;
  text-wrap: balance}
.descr.p-ca {white-space: nowrap}
.utl-sep-div {margin-bottom: 20px}
.btn-neon {
  margin-top: 20px;
  display: inline-block;
  border: 4px solid var(--sol-green-v);
  padding: 9px 15px;
  background-color: var(--blue-forest);
  box-shadow: -3px 3px 11px -4px var(--sol-green-v);
  color: var(--sol-green-v);
  text-shadow: 0 1px #00ffa2;
  border-radius: 11px;
  font-weight: 700;
  transition: .14s ease-in-out}
.btn-neon:hover {
  border-color: var(--pnk-v);
  background-color: var(--velvet-purple-v);
  box-shadow: -3px 3px 11px -4px var(--pnk-v);
  color: var(--pnk-v);
  text-shadow: 0 1px 0 var(--pnk-v)}
.btn-neon.top-btn {
  margin-top: 0;
  margin-right: 10px;
  transform: rotate(2deg)}

.nav-sect {margin-block: 30px 180px}
.nav-main-cont {max-width: 1140px}
.nav-brand {float: left}
.nav-brd-lg {width: 100px; margin-left: 20px}
.nav-cont {
  display: flex;
  justify-content: flex-end;
  padding-block: 20px}
.nav-link {font-size: 22px; letter-spacing: 1px}
.nav-link + .nav-link {margin-left: 26px}
.nav-link:hover,.ftr-lnk:hover {color: var(--sol-green-v)}
.nav-link[aria-current="page"] {color: var(--sol-green-v)}
.nav-lg-wrp {margin-left: 23px; display: flex}
.nav-bt-wrp {margin-left: 24px}

.main-sect {margin-bottom: 280px}
.main-cont {display: flex; align-items: center}
.paft-neon-lt {margin: 0; position: relative; transform: rotate(-1deg); animation: neonflick .067s linear infinite alternate}
.neon-1 {animation: neonswap1 1.5s step-end infinite}
.neon-2 {position: absolute; top: 0; left: 0; animation: neonswap2 1.5s step-end infinite}
@keyframes neonflick {to {opacity: .98}}
@keyframes neonswap1 {26.667% {opacity: 0}}
@keyframes neonswap2 {0% {opacity: 0} 26.667% {opacity: 1}}
.paft-head-lt {width: 300px; animation: cktlanim 1.5s ease-in-out infinite alternate}
@keyframes cktlanim {to {transform: translateY(-6px)}}

.about-sect {margin-bottom: 270px}
.about-cont {
  display: flex;
  justify-content: space-between;
  align-items: center}
.about-tx-wrp {width: 50%}
.lot-frame {
  width: 480px;
  transform: rotate(1deg);
  filter: drop-shadow(-12px 5px 6px #0000004f)}

.htbuy-sect {margin-bottom: 30px}
.htbuy-cont {width: 60%}
.solana-lg {
  max-width: 60px;
  filter: drop-shadow(-8px 8px 7px #00000052);
  animation: 
    solanim1 2s ease-in-out infinite alternate,
    solanim2 3s ease-in-out infinite alternate}
@keyframes solanim1 {from {rotate: -7deg} to {rotate: 7deg}}
@keyframes solanim2 {to {scale: 1.1}}

.defi-sect {margin-bottom: 160px}
.htb-title-char {
  margin-block: 60px 40px;
  font-size: 46px;
  color: silver}
.charts-lg-wrp {gap: 40px; display: inline-flex}
.charts-lg-wrp.sml {width: 80%}
.charts-lg:hover {filter: brightness(156%) drop-shadow(-2px 2px 6px #1f0)}
.chart-lg-img {width: auto; max-height: 75px}

.buy-sect {overflow-x: clip}
.buy-bnr {
  transform: rotateZ(1deg);
  overflow:hidden;
  display:flex}
.buy {
  white-space:pre;
  font-size:42px;
  color:var(--sol-green-v);
  -webkit-text-stroke: 2px var(--sol-green-v);
  text-shadow:-1px 2px 5px var(--sol-green-v);
  min-width:300px;
  height:120px;
  padding-right:10px;
  flex-shrink:0;
  animation: scrollbuy 5s linear infinite}
  @keyframes scrollbuy {to {transform: translateX(-100%)}}

.bills {
  position: relative;
  bottom: -50px;
  display: inline-block;
  width: 420px;
  filter: drop-shadow(-6px 7px 9px #0000004f)}
.tax-sign {
  display: inline-block;
  margin-bottom: 20px;
  padding: 4px 8px;
  border: 3px solid #bbfd50;
  background-color: var(--blue-forest);
  color: #bbfd50;
  font-size: 16px;
  white-space: nowrap;
  transform: rotate(2deg);
  animation: taxblink 1.5s step-end infinite}
  @keyframes taxblink {75% {opacity: 0}}

.lot-eco {margin-top: 40px; display: inline-block}
.drink-lp {
  max-width: 70px;
  margin-bottom: 10px;
  animation: cktlanim 1.5s ease-in-out infinite alternate}
.drink-lp.rt-r {transform: rotate(3deg)}
.drink-lp.rt-l {transform: rotate(-3deg)}
.burn-sect {margin-bottom: 220px}
.burns-wrp {gap: 40px}

.music-hits {margin-bottom: 60px}
.cont-8 {margin-bottom: -160px}
.ptreeanim {
  padding-inline: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between}
.palm-img{
  position: relative;
  width: 320px;
  transform: rotate(-9deg)}
.lot-pleb-rec {
  position: relative;
  top: -40px;
  width: 320px;
  transform: rotate(4deg)}
.div-block-47 {margin-bottom: 60px}
.songs-pt1-cont {gap: 40px}
.song-1-pic {
  margin-bottom: 20px;
  border-radius: 7px;
  filter: drop-shadow(-7px 7px 7px #00000061)}
.sg-tx1 {margin-bottom: 8px; font-size: 24px}
.sg-tx2 {font-size: 16px}

.sect-pr-1 {margin-bottom: 70px}
.moar-descr-1 {
  margin-bottom: 40px;
  font-size: 26px}
.pr-wrp {gap: 30px; margin-bottom: 15px}
.pr01 {white-space: nowrap; font-size: 22px}
.pr01:hover {color: #03fff7}
.sect-music-platforms {margin-bottom: 220px}
.moar-descr-2 {
  letter-spacing: 1px;
  font-size: 24px;
  line-height: 28px}
.lnkstream:hover {filter: drop-shadow(0 0 7px #03fff7) brightness(164%)}
.music-lg {max-width: 200px}

.utils-sect {margin-bottom: 180px}
.act-bnr {
  box-sizing: content-box; 
  border: 4px solid var(--glow-white-v); 
  border-radius: 4px; 
  margin-block: 20px;
  max-width: none}
.act-wrp {
  display: flex; 
  justify-content: center; 
  gap: 40px; 
  margin-top: 40px;
  overflow-x: clip}
.act-card {
  flex: 1; 
  display: flex; 
  flex-flow: column; 
  align-items: center}
.act-card .descr {flex-grow: 1}
.uti-title {font-size: 28px}
.descr.utl-descr {margin-bottom: 20px}

.rdmap {margin-bottom: 40px}
.phs-div {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  gap: 80px;
  margin-top: 80px}
.rdmap-img {
  width: 220px;
  border: 5px solid #fff;
  border-radius: 7px}
.phs-tx-wrp {text-align: left}
.phs-tx-title {
  letter-spacing: 1.2px;
  margin-bottom: 30px;
  font-size: 26px}
.phs-descr {
  letter-spacing: .8px;
  font-size: 20px;
  line-height: 24px}
.phs-done {color: var(--sol-green-v)}
.check {
  width: .8em;
  height: .8em;
  fill: none;
  stroke: currentColor;
  stroke-width: 3.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(-1px 2px 5px #03fff7)}

.car-sect {margin-bottom: 180px}
.lot-car {max-width: 600px ; display: inline-block}

.meme-glry-sect {margin-bottom: 200px}
.title-desc-wrp {margin-bottom: 40px}

.carousel-wrapper {overflow: hidden}
.carousel {display: flex; padding: 20px 0}
.carousel:hover > div {animation-play-state: paused}
@keyframes scrolling {to {transform: translateX(-100%)}}
.g1, .g2, .g3, .g4 {
  display: flex;
  gap: 20px;
  padding-right: 20px;
  will-change: transform;
  flex-shrink: 0}
.g1 {animation: scrolling 32s linear infinite}
.g2 {animation: scrolling 48s linear infinite reverse}
.g3 {animation: scrolling 42s linear infinite}
.g4 {animation: scrolling 34s linear infinite reverse}
.card {
  display: flex;
  height: 130px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 5px 5px 20px #0000001a;
  flex-shrink: 0}
.card img {
  width: 100%;
  height: 100%;
  object-fit: cover}

.ftr-sect {padding-bottom: 20px}
.ftr-wrp-top {
  display: flex;
  justify-content: space-between;
  align-items: center}
.pleb-img {width: 100px}
.ftr-nav-wrp {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  gap: 3vh}
.ftr-block-three {
  display: flex;
  gap: 28px;
  font-size: 20px}
.ftr-lnk {white-space: nowrap}
.ftr-scl-wrp {gap: 4px}
.ftr-scl-lnk {width: 50px}
.ftr-scl-lnk:hover .social-img {
  box-shadow: 0 0 6px 3px #03fff7;
  outline: 1px solid #03fff7;
  outline-offset: 2px;
  transform: translateY(-5px)}
.social-img {
  width: 30px;
  border-radius: 20px;
  transition: transform .14s ease-in-out}
.ftr-wrp-bottom {flex-direction: column}
.ftr-sep {
  margin-block: 40px;
  width: 100%;
  height: 4px;
  background-color: #03FFF7;
  border-radius: 20px;
  box-shadow: 0 0 8px 1px #03FFF7}
.ft-disc {
  letter-spacing: 1px;
  font-size: 22px}
.ftr-copyr {letter-spacing: 1px}

.pop-anim-1 {
  transform: rotate(2deg);
  animation: zoompop 3s ease-in-out infinite alternate}
.yel-pop { 
  position: relative;
  width: 380px;
  z-index: -1;
  filter: drop-shadow(0 2px 9px #73ff00cf) drop-shadow(-9px 10px #000)}
.tb-dtls {
  position: absolute;
  inset: 0;
  color: #34009b;
  font-size: 50px;
  line-height: 40px;
  filter: drop-shadow(-6px 5px 4px #0000004f);
  animation: zoompop 4s ease-in-out infinite alternate}
  @keyframes zoompop {to {scale: .95}}

.pdf-wp {display: block; width: 100%; height: 90vh; border: 0; margin-top: 30px}

@media (max-width: 991px) {
  .utl-cont {max-width: 728px}
  .title-home {margin-bottom: 30px; font-size: 60px}
  .descr {font-size: 22px}

  .nav-menu-lg-bt-wrp {margin-right: 20px}
  .nav-link {font-size: 20px}
  .nav-link + .nav-link {margin-left: 20px}
  .nav-bt-wrp {display: none}
  .nav-brd-lg {width: 90px}
  .nav-lg-wrp {margin-left: 20px; gap: 12px}

  .paft-head-lt {width: 260px}

  .about-sect {margin-bottom: 140px}
  .lot-frame {width: 400px}

  .charts-lg-wrp {gap: 30px}

  .bills {width: 400px}

  .lot-eco {margin-top: 30px}
  .burns-wrp {gap: 20px}

  .music-hits {margin-bottom: 40px}
  .palm-img {width: 220px}
  .lot-pleb-rec {width: 260px; top:-80px}
  .sg-div.none {display: none}
  .sect-pr-1{margin-bottom: 40px}
  .moar-descr-1 {font-size: 22px}
  .pr-wrp {gap: 20px; margin-bottom: 7px}
  .pr01 {font-size: 17px}
  .moar-descr-2 {
    margin-bottom: 5px;
    font-size: 20px}
  .sect-music-platforms {margin-bottom: 180px}
  .music-lg {max-width: 180px}

  .uti-title {font-size: 22px}
  .descr.utl-descr {
    max-width: 340px;
    margin-bottom: 40px}

  .phs-descr {font-size: 19px}

  .car-sect {margin-bottom: 233px}
  .lot-car {width: 90%}

  .meme-glry-sect {margin-bottom: 160px}

  .pleb-img {width: 90px}
  .ftr-lnk {font-size: 19px}
  .ftr-scl-wrp {gap: 2px}
  .ftr-scl-lnk.nav-top {width: 40px}
  .ftr-sep {margin-block: 30px}
  .ft-disc {font-size: 19px}

  .yel-pop {width: 320px}
  .tb-dtls {font-size: 44px; line-height: 38px}
}

@media (max-width: 767px) {
  .body {text-shadow: -1px 1px 6px #03fff7}

  .utl-cont {max-width: none}
  .title {font-size: 50px}
  .title-home {margin-bottom: 20px; font-size: 50px}
  .descr {
    font-size: 20px;
    line-height: 24px}
  .descr.p-ca {font-size: 2.8vw}
  .btn-neon {
    padding: 8px 12px;
    font-size: 13px}

  .nav-sect {margin-bottom: 40px}
  .nav-brd-lg {width: 80px}
  .nav-lg-wrp {gap: 24px}
  .nav-menu-lg-bt-wrp {flex-flow: column-reverse; align-items: flex-end; gap: 20px}
  .nav-link {font-size: 18px}

  .main-sect {margin-bottom: 140px}
  .main-cont {flex-flow: column}
  .paft-neon-lt {max-width: 95%}

  .about-cont {flex-flow: column}
  .about-tx-wrp {width: 70%; margin-bottom: 20px}
  .lot-frame {width: 380px}

  .htb-title-char {margin-bottom: 1vh; font-size: 38px}
  .charts-lg-wrp {gap:3vw; padding-inline: 20px}

  .defi-sect {margin-bottom: 140px}
  .bills {width: 360px}

  .lot-eco {margin-top: 20px}
  .drink-lp {max-width: 60px}
  .burns-wrp {gap: 0; flex-flow: column-reverse}

  .cont-8 {max-width: 600px; margin-bottom: -140px}
  .palm-img {left: -20px; width: 170px}
  .lot-pleb-rec {top: -60px; width: 200px}
  .songs-pt1-cont {padding-inline: 10px; gap: 2vw}
  .song-1-pic {max-width: 90%}
  .pr-wrp {gap: 14px; margin-bottom: 1px}
  .pr01 {font-size: 14px}
  .moar-descr-1 {
    margin-bottom: 25px;
    font-size: 20px}
  .moar-descr-2 {font-size: 16px}
  .music-lg {max-width: 150px}

  .act-wrp {flex-flow: column; align-items: center; gap: 60px}
  .uti-title {font-size: 28px}
  .descr.utl-descr {margin-bottom: 10px}

  .rdmap {margin-bottom: 120px}
  .phs-div {
    flex-flow: column;
    justify-content: center;
    align-items: center}
  .phs-wrp {
    display: flex;
    align-items: center;
    gap: 10%;
    width: 100%;
    max-width: 440px}
  .phs-wrp.pw-dir {flex-flow: row-reverse}
  .phs-tx-wrp {text-align: center; flex:1}
  .phs-tx-title {margin-bottom: 20px}
  .rdmap-img {width:45%}

  .car-sect {margin-bottom: 191px}
  .lot-car {width: 80%; padding-inline: 20px}

  .card {height: 110px}
  .carousel:hover > div {animation-play-state: running}

  .ftr-cont {max-width:480px}
  .ftr-wrp-top {
    flex-flow: column;
    justify-content: center}
  .pleb-img {width: 80px}
  .ftr-nav-wrp {align-items: center; margin-top: 2vh}
  .ftr-lnk {font-size: 14px}
  .ftr-scl-wrp {gap: 14px}
  .ftr-scl-lnk {width: 40px}
  .ftr-scl-lnk.nav-top {width: 30px}
  .ftr-sep {margin-block: 20px}
  .ft-disc {font-size: 16px}
  .ftr-copyr {font-size: 12px}

  .yel-pop {width: 340px}
  .tb-dtls {font-size: 46px}
}

@media (max-width: 479px) {
  .body {text-shadow: 0 0 6px #03fff7}

  .descr {padding-inline: 10px}
  .title {font-size: 42px}
  .title-home {margin-bottom: 10px; font-size: 40px}
  .btn-neon {
    padding: 7px 10px;
    font-size: 12px}

  .nav-menu-lg-bt-wrp {gap: 14px}
  .nav-lg-wrp {gap: 14px}
  .nav-link {display: block; text-align: right}
  .nav-link + .nav-link {margin: 8px 0 0}

  .paft-head-lt {width: 200px}

  .about-tx-wrp {width: 320px}
  .lot-frame{width: 340px; max-width: 95%}

  .htbuy-cont {width: 90%}
  .htb-title-char {margin-bottom:12px}
  .charts-lg-wrp {flex-direction: column; gap: 2px}
  .chart-lg-img {max-height: 40px}

  .bills {width: 300px}

  .lot-eco {margin-top: 12px}
  .burns-tx-div {width: 80%}

  .cont-8 {margin-bottom: -80px}
  .palm-img {left: 0; width: 40%}
  .lot-pleb-rec {width: 160px; top: -20px}
  .songs-pt1-cont {flex-flow: column}
  .sg-div {margin-bottom: 40px}
  .moar-descr-1 {font-size: 18px}
  .pr-wrp {gap: 2vw; margin-bottom: 0}
  .pr01 {font-size: 3vw}
  .moar-descr-2 {font-size: 13px}
  .sect-music-platforms {margin-bottom: 160px}
  .music-lg {max-width: 130px}
  .div-block-47 {margin-bottom: 20px}

  .uti-title {font-size: 22px}
  .descr.utl-descr {font-size: 18px}

  .phs-div {margin-top: 40px}
  .phs-wrp {padding-inline: 10px; gap: 7%}
  .phs-tx-title {margin-bottom: 16px; font-size: 20px}
  .phs-descr {font-size: 18px; line-height: 18px}
  .rdmap-img {min-width: 140px}

  .car-sect {margin-bottom: 100px}
  .lot-car {width: 90%}

  .ftr-cont {max-width:90%}
  .pleb-img {width: 70px}
  .ftr-block-three {
    gap: 2.5vw;
    font-size: 16px}
  .ftr-lnk {font-size: 11px}
  .ftr-scl-wrp {gap: 4vw}
  .ftr-scl-lnk {width: 24px}
  .ftr-scl-lnk.nav-top {width: 22px}
  .ft-disc {font-size: 12px}
  .ftr-copyr {font-size: 8px; white-space: nowrap}

  .yel-pop {width: 280px}
  .tb-dtls {font-size: 38px; line-height: 30px}
}

@media (max-width: 379px) {
  .phs-wrp {gap: 5%}
  .phs-descr {font-size: 15px}
}