*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
 @font-face {
  font-family: 'Comic';
  src: url('./Comic_Sans_MS.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

:root{ 
    --font-gochi: "Gochi Hand", cursive;  
    --font-varela-round:"Varela Round", sans-serif
}


/* stylings */ 
html, body {
  height: 100%;
  min-height: 100%;
  width: 100%;
}

body {
  position: relative;
  background: url('./BAAAAACK.png') repeat; /* основной фон */
  background-size: auto; /* не растягиваем */
  background-position: top left;
  overflow-x: hidden;
}
    body.lock-scroll {
      overflow: hidden;
    }
.hero {
  position: relative;
  z-index: 100; /* гарантированно выше body-фона */
  background: 
    url('./bg-try.png') top center/cover no-repeat; /* konoha поверх body */
}
/* components stylings */
         .intro-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.4); /* ПОЛУпрозрачный */
      backdrop-filter: blur(4px);   /* лёгкое размытие */
      color: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      text-align: center;
    }

    .intro-overlay h1 {
      font-size: 2rem;
      margin-bottom: 20px;
      text-shadow: 0 2px 5px rgba(0,0,0,0.8);
    }

    .intro-overlay button {
      padding: 15px 40px;
      font-size: 20px;
      border: none;
      color: #fff;
      border-radius: 10px;
      cursor: pointer;
      transition: 0.3s;
    }



    .hidden {
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.6s ease;
    }

    /* Пример контента сайта */
    #main-content {
      text-align: center;
      min-height: 150vh;
    }
.font-single{ 
    font-family: "Comic", cursive;
}
 

.font-gochi{ 
    font-family: var(--font-gochi)
}


.text-outlineBlack-btn_narto{
    -webkit-text-stroke: .73px black;
    text-stroke: .73px black; 
}

.text-outlineBlack-thin-p {
    -webkit-text-stroke: .5px black;
    text-stroke:.5px black; 
}

.text-outlineBlack-exbold{
    -webkit-text-stroke: 2px black;
    text-stroke:3px black; 
}

.text-outlineBlack-bold{
    -webkit-text-stroke: 3px black;
    text-stroke:3px black; 
}

.text-outlineBlack{
    -webkit-text-stroke: 1.6px black;
    text-stroke: 1.6px black; 
}

.text-outlineBlack-btn{
    -webkit-text-stroke: 1px black;
    text-stroke:1px black; 
}

.text-outlineBlack-thin{
    -webkit-text-stroke: 1px black;
    text-stroke:1px black; 
}


/* hero section */
.typed-cursor{
    display: none;
}

.image_random .bg{
    display: none;
}

.loading-audio,
.loading-image { 
    display: none; 
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { 
        transform: rotate(0deg);
    }
    100% { 
        transform: rotate(360deg);
    }
}

h1{ 
    text-shadow: -5px 3px 1.7px  #272727;
    -webkit-text-stroke: 1px black;
    text-stroke:1px black; 
}


/* moving text */
.wrap{
    animation: MoveText 30s infinite linear;  
}

@keyframes MoveText {
    from{
      transform: translateX(-10%);
    }
    to{
      transform: translateX(-54%);
    } 
} 


/* how to section */
.base_icon,
.image_track{
    display: none;
}



/* address section */
.contract-address h2{
    -webkit-text-stroke: 1px black;
    text-stroke:1px black; 
}


.hover_btn{
    transition: all .3s ease-in;
}

.hover_btn:hover{ 
    box-shadow: none;
}

/* address section */
.contract-address h2{
    -webkit-text-stroke: 1px black;
    text-stroke:1px black; 
}


/* how to */ 
.how-to{
     padding: 0rem 2rem;
}

.how-to-title{
    -webkit-text-stroke: 2px black;
    text-stroke:2px black; 
}


/* faq_container */
.answer{
    max-height: 0;
    overflow: hidden; 
}

.faq_container.active{
    height: auto;
}

.faq .head.active .btn-question{
    background-color: white;
}

.faq .head.active .min{
    height: 60%;
    width: 10%;  
}

.faq .head.active ~ .answer{
    max-height: 300px;
}



/* short comics */
swiper-container {
    width: 100%;
    height: 100%;
  }

  swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }



  /* button style */ 

swiper-container::part(button-next){
        right: 2.8rem;
    }
swiper-container::part(button-prev){
        left: 2.8rem;
    }
    

swiper-container::part(button-next)::before {
    content: "";
    width: 100%;
    height: 100%; 
    background-image: url(/web/20250215054116im_/https://nartomemecoin.com/assets/icons/next-btn.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
 
    position: absolute;
}

swiper-container::part(button-prev)::before {
    content: "";
    width: 100%;
    height: 100%; 
    background-image: url(/web/20250215054116im_/https://nartomemecoin.com/assets/icons/left-btn.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
 
    position: absolute;
}


/* responsive media queries */
@media screen and (min-width:420px){
    /* how to */
    .how-to{
        padding: 0rem 4rem;
    }
}

@media screen and (min-width:640px) {
    /* hero section */
    h1{ 
        text-shadow: -5px 9px 1.7px  #272727; 
    }

    /* button  */
    swiper-container::part(button-next){
        right: 4rem;
    }
    swiper-container::part(button-prev){
        left: 4rem;
    }
    
    
}

@media screen and (min-width:768px){
 /* how to section */
 .base_icon,
    .image_track{
        display: block;
    }
}

@media screen and (min-width:1024px) {
    /* hero section */
    h1{ 
        text-shadow: -5px 12px 1.7px  #272727; 
    }

    .text-outlineBlack-btn_narto{
        -webkit-text-stroke: 1.5px black;
        text-stroke:1.5px black; 
    }

    .text-outlineBlack-exbold{
        -webkit-text-stroke: 3px black;
        text-stroke:5px black; 
    }

    .text-outlineBlack-btn{
        -webkit-text-stroke: 2px black;
        text-stroke:2px black; 
    }

    .text-outlineBlack-thin{
        -webkit-text-stroke:  1px black;
        text-stroke: 1px black; 
    }

    .text-outlineBlack-exthin{
        -webkit-text-stroke:  1.2px black;
        text-stroke: 1.2px black; 
    }

    
    .text-outlineBlack-thin-p {
        -webkit-text-stroke: .7px black;
        text-stroke: .9px black; 
    }

}

@media screen and (min-width:1290px){
    .text-outlineBlack-btn{
        -webkit-text-stroke: 3px black;
        text-stroke:3px black; 
    }

    /* button */
    swiper-container::part(button-prev),
    swiper-container::part(button-next){
        width: 50px;
        height: 70px;
    }
}
/*
     FILE ARCHIVED ON 05:41:16 Feb 15, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:33:26 Jul 25, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.664
  exclusion.robots: 0.047
  exclusion.robots.policy: 0.034
  esindex: 0.011
  cdx.remote: 4.949
  LoadShardBlock: 202.206 (3)
  PetaboxLoader3.datanode: 260.164 (5)
  PetaboxLoader3.resolve: 108.102 (2)
  load_resource: 207.891
  loaddict: 60.284
*/