{"id":8,"date":"2026-05-26T03:09:11","date_gmt":"2026-05-26T03:09:11","guid":{"rendered":"https:\/\/thepeppy.fun\/?page_id=8"},"modified":"2026-05-26T04:08:30","modified_gmt":"2026-05-26T04:08:30","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/thepeppy.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-695ba58 e-flex e-con-boxed e-con e-parent\" data-id=\"695ba58\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/thepeppy.fun\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/PEPPY-BG1.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-6fc7a9b e-con-full e-flex e-con e-child\" data-id=\"6fc7a9b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75ac0ee elementor-widget elementor-widget-html\" data-id=\"75ac0ee\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================\r\nPEPPY CARTOON NAVBAR v2\r\n========================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\r\n\r\n<nav class=\"pp-navbar-shell\">\r\n\r\n  <!-- LEFT -->\r\n  <a href=\"#\" class=\"pp-logo-area\">\r\n    <img decoding=\"async\" \r\n      src=\"https:\/\/thepeppy.fun\/wp-content\/uploads\/2026\/05\/Asset-10.png\"\r\n      alt=\"PEPPY\"\r\n      class=\"pp-logo-img\"\r\n    >\r\n  <\/a>\r\n\r\n  <!-- RIGHT -->\r\n  <div class=\"pp-nav-actions\">\r\n\r\n    <a href=\"#\" class=\"pp-mini-btn pp-x-btn\">\r\n      <span>X<\/span>\r\n    <\/a>\r\n\r\n    <a href=\"#\" class=\"pp-mini-btn pp-tg-btn\">\r\n      <span>TELEGRAM<\/span>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/nav>\r\n\r\n<style>\r\n\r\n\/* =========================================\r\nRESET\r\n========================================= *\/\r\n\r\n.pp-navbar-shell *{\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box;\r\n}\r\n\r\n\/* =========================================\r\nNAVBAR\r\n========================================= *\/\r\n\r\n.pp-navbar-shell{\r\n  width:100%;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  padding:2px 2px;\r\n\r\n  position:relative;\r\n  z-index:999;\r\n\r\n  background:transparent;\r\n\r\n  font-family:'Luckiest Guy', cursive;\r\n}\r\n\r\n\/* =========================================\r\nLOGO\r\n========================================= *\/\r\n\r\n.pp-logo-area{\r\n  display:flex;\r\n  align-items:center;\r\n  text-decoration:none;\r\n}\r\n\r\n.pp-logo-img{\r\n  width:125px;\r\n  display:block;\r\n\r\n  transition:0.25s ease;\r\n\r\n  user-select:none;\r\n  -webkit-user-drag:none;\r\n\r\n  filter:\r\n    drop-shadow(0px 4px 0px rgba(0,0,0,0.18));\r\n}\r\n\r\n.pp-logo-area:hover .pp-logo-img{\r\n  transform:\r\n    rotate(-4deg)\r\n    translateY(-2px);\r\n}\r\n\r\n\/* =========================================\r\nRIGHT SIDE\r\n========================================= *\/\r\n\r\n.pp-nav-actions{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n}\r\n\r\n\/* =========================================\r\nBUTTONS\r\n========================================= *\/\r\n\r\n.pp-mini-btn{\r\n  position:relative;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  text-decoration:none;\r\n\r\n  height:48px;\r\n  padding:0 20px;\r\n\r\n  border-radius:999px;\r\n\r\n  border:3px solid #121212;\r\n\r\n  color:#121212;\r\n\r\n  font-size:15px;\r\n  letter-spacing:1px;\r\n\r\n  overflow:hidden;\r\n\r\n  transition:0.18s ease;\r\n\r\n  box-shadow:\r\n    0px 5px 0px #121212;\r\n}\r\n\r\n\/* BUTTON COLORS *\/\r\n\r\n.pp-x-btn{\r\n  background:#8FE8FF;\r\n}\r\n\r\n.pp-tg-btn{\r\n  background:#B6FF8D;\r\n}\r\n\r\n\/* CARTOON SHINE *\/\r\n\r\n.pp-mini-btn::before{\r\n  content:'';\r\n\r\n  position:absolute;\r\n\r\n  width:80px;\r\n  height:120%;\r\n\r\n  background:rgba(255,255,255,0.22);\r\n\r\n  top:-10%;\r\n  left:-120%;\r\n\r\n  transform:rotate(18deg);\r\n\r\n  transition:0.5s ease;\r\n}\r\n\r\n.pp-mini-btn:hover::before{\r\n  left:140%;\r\n}\r\n\r\n\/* HOVER *\/\r\n\r\n.pp-mini-btn:hover{\r\n  transform:\r\n    translateY(3px)\r\n    rotate(-1deg);\r\n\r\n  box-shadow:\r\n    0px 2px 0px #121212;\r\n}\r\n\r\n\/* ACTIVE *\/\r\n\r\n.pp-mini-btn:active{\r\n  transform:translateY(5px);\r\n\r\n  box-shadow:none;\r\n}\r\n\r\n\/* =========================================\r\nRESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n  .pp-navbar-shell{\r\n    padding:18px 16px;\r\n  }\r\n\r\n  .pp-logo-img{\r\n    width:95px;\r\n  }\r\n\r\n  .pp-nav-actions{\r\n    gap:8px;\r\n  }\r\n\r\n  .pp-mini-btn{\r\n    height:42px;\r\n    padding:0 16px;\r\n\r\n    font-size:12px;\r\n\r\n    border-width:2px;\r\n\r\n    box-shadow:\r\n      0px 4px 0px #121212;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\n\/* =========================================\r\nFLOATY CARTOON EFFECT\r\n========================================= *\/\r\n\r\nconst ppBtns = document.querySelectorAll('.pp-mini-btn');\r\n\r\nppBtns.forEach(btn => {\r\n\r\n  btn.addEventListener('mousemove', e => {\r\n\r\n    const rect = btn.getBoundingClientRect();\r\n\r\n    const x = e.clientX - rect.left;\r\n    const y = e.clientY - rect.top;\r\n\r\n    btn.style.transform = `\r\n      rotate(${(x - rect.width\/2)\/18}deg)\r\n      translateY(2px)\r\n    `;\r\n  });\r\n\r\n  btn.addEventListener('mouseleave', () => {\r\n    btn.style.transform = '';\r\n  });\r\n\r\n});\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5e7c38 e-con-full e-flex e-con e-child\" data-id=\"d5e7c38\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-736704d elementor-widget elementor-widget-heading\" data-id=\"736704d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">BORN IN THE SWAMP. DESTINED FOR THE CHAIN.<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e83e861 elementor-widget elementor-widget-html\" data-id=\"e83e861\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================\r\nPEPPY COPY CONTRACT BUTTON\r\n========================================= -->\r\n\r\n<div class=\"pp-copyca-wrap\">\r\n\r\n  <button class=\"pp-copyca-btn\" id=\"ppCopyBtn\">\r\n\r\n    <span class=\"pp-copyca-label\">\r\n      COPY CA\r\n    <\/span>\r\n\r\n    <span class=\"pp-copyca-address\" id=\"ppContractText\">\r\n      7xKJwQ9Lz8nM3pRtYvH2aBcDeFgHiJkLmNoPqRsTuVxY\r\n    <\/span>\r\n\r\n  <\/button>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n\/* =========================================\r\nWRAP\r\n========================================= *\/\r\n\r\n.pp-copyca-wrap{\r\n  width:100%;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n}\r\n\r\n\/* =========================================\r\nBUTTON\r\n========================================= *\/\r\n\r\n.pp-copyca-btn{\r\n  position:relative;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  gap:16px;\r\n\r\n  max-width:100%;\r\n  width:auto;\r\n\r\n  padding:16px 22px;\r\n\r\n  border:none;\r\n  outline:none;\r\n\r\n  cursor:pointer;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#B6FF8D;\r\n\r\n  border:3px solid #111;\r\n\r\n  box-shadow:\r\n    0px 6px 0px #111;\r\n\r\n  transition:0.18s ease;\r\n\r\n  font-family:'Luckiest Guy', cursive;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n\/* HOVER *\/\r\n\r\n.pp-copyca-btn:hover{\r\n  transform:\r\n    translateY(3px)\r\n    rotate(-1deg);\r\n\r\n  box-shadow:\r\n    0px 3px 0px #111;\r\n}\r\n\r\n\/* ACTIVE *\/\r\n\r\n.pp-copyca-btn:active{\r\n  transform:translateY(6px);\r\n\r\n  box-shadow:none;\r\n}\r\n\r\n\/* =========================================\r\nLABEL\r\n========================================= *\/\r\n\r\n.pp-copyca-label{\r\n  flex-shrink:0;\r\n\r\n  font-size:18px;\r\n  letter-spacing:1px;\r\n\r\n  color:#111;\r\n}\r\n\r\n\/* =========================================\r\nADDRESS\r\n========================================= *\/\r\n\r\n.pp-copyca-address{\r\n  font-family:monospace;\r\n\r\n  font-size:14px;\r\n  font-weight:700;\r\n\r\n  color:#111;\r\n\r\n  background:rgba(255,255,255,0.45);\r\n\r\n  padding:10px 14px;\r\n\r\n  border-radius:999px;\r\n\r\n  border:2px solid #111;\r\n\r\n  white-space:nowrap;\r\n\r\n  overflow:hidden;\r\n  text-overflow:ellipsis;\r\n\r\n  max-width:420px;\r\n}\r\n\r\n\/* =========================================\r\nSUCCESS STATE\r\n========================================= *\/\r\n\r\n.pp-copyca-btn.copied{\r\n  background:#7EE7FF;\r\n}\r\n\r\n\/* =========================================\r\nMOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n  .pp-copyca-btn{\r\n    width:100%;\r\n\r\n    padding:14px 16px;\r\n\r\n    gap:10px;\r\n\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n\r\n    border-width:2px;\r\n\r\n    box-shadow:\r\n      0px 5px 0px #111;\r\n  }\r\n\r\n  .pp-copyca-label{\r\n    font-size:16px;\r\n  }\r\n\r\n  .pp-copyca-address{\r\n    width:100%;\r\n    max-width:100%;\r\n\r\n    font-size:12px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\n\/* =========================================\r\nCOPY CONTRACT\r\n========================================= *\/\r\n\r\nconst ppCopyBtn = document.getElementById('ppCopyBtn');\r\nconst ppContractText = document.getElementById('ppContractText');\r\n\r\nppCopyBtn.addEventListener('click', async () => {\r\n\r\n  const contractAddress = ppContractText.innerText;\r\n\r\n  try{\r\n\r\n    await navigator.clipboard.writeText(contractAddress);\r\n\r\n    ppCopyBtn.classList.add('copied');\r\n\r\n    const originalLabel = document.querySelector('.pp-copyca-label').innerText;\r\n\r\n    document.querySelector('.pp-copyca-label').innerText = 'COPIED!';\r\n\r\n    setTimeout(() => {\r\n\r\n      document.querySelector('.pp-copyca-label').innerText = originalLabel;\r\n\r\n      ppCopyBtn.classList.remove('copied');\r\n\r\n    }, 1800);\r\n\r\n  }catch(err){\r\n\r\n    alert('Failed to copy CA');\r\n\r\n  }\r\n\r\n});\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5051eca elementor-widget elementor-widget-spacer\" data-id=\"5051eca\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec00c92 e-flex e-con-boxed e-con e-parent\" data-id=\"ec00c92\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-304cd19 elementor-widget elementor-widget-spacer\" data-id=\"304cd19\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed7c937 e-con-full e-grid e-con e-child\" data-id=\"ed7c937\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-13218ba e-con-full e-flex e-con e-child\" data-id=\"13218ba\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39742c4 elementor-widget elementor-widget-image\" data-id=\"39742c4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"720\" height=\"720\" src=\"https:\/\/thepeppy.fun\/wp-content\/uploads\/2026\/05\/PEPPYASSET1-ezgif.com-gif-maker.gif\" class=\"attachment-large size-large wp-image-37\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a6142f5 e-con-full e-flex e-con e-child\" data-id=\"a6142f5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d272bf elementor-widget elementor-widget-heading\" data-id=\"1d272bf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">BEFORE THE FROG, THERE WAS THE TADPOLE.<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-48e3e00 e-con-full e-flex e-con e-child\" data-id=\"48e3e00\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebc9c3f elementor-widget elementor-widget-heading\" data-id=\"ebc9c3f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PEPPY is the beginning of the legend \u2014 Pepe before the fame, before the memes, before the crown. Just a tiny green degen swimming through the swamp, slowly evolving into a future internet icon. The pond is early. The evolution has started. \ud83d\udc38\ud83d\udc9a<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0989b8f elementor-widget elementor-widget-spacer\" data-id=\"0989b8f\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b20785 e-con-full e-flex e-con e-parent\" data-id=\"7b20785\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-218a580 elementor-widget elementor-widget-html\" data-id=\"218a580\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================\r\nPEPPY SMOOTH MARQUEE\r\n========================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"ppmq-wrap\">\r\n\r\n  <!-- LEFT FADE -->\r\n  <div class=\"ppmq-fade ppmq-fade-left\"><\/div>\r\n\r\n  <!-- RIGHT FADE -->\r\n  <div class=\"ppmq-fade ppmq-fade-right\"><\/div>\r\n\r\n  <!-- MARQUEE -->\r\n  <div class=\"ppmq-track\">\r\n\r\n    <div class=\"ppmq-content\">\r\n\r\n      <span>\ud83d\udc38 PEPPY IS SWIMMING THROUGH THE BLOCKCHAIN \u2022<\/span>\r\n      <span>\ud83d\udc9a THE POND IS STILL EARLY \u2022<\/span>\r\n      <span>\ud83d\ude80 WATCH THE TADPOLE EVOLVE \u2022<\/span>\r\n      <span>\ud83d\udc38 PEPPY IS SWIMMING THROUGH THE BLOCKCHAIN \u2022<\/span>\r\n      <span>\ud83d\udc9a THE POND IS STILL EARLY \u2022<\/span>\r\n      <span>\ud83d\ude80 WATCH THE TADPOLE EVOLVE \u2022<\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =========================================\r\nWRAP\r\n========================================= *\/\r\n\r\n.ppmq-wrap{\r\n  position:relative;\r\n\r\n  width:100%;\r\n  overflow:hidden;\r\n\r\n  background:transparent;\r\n\r\n  padding:18px 0;\r\n}\r\n\r\n\/* =========================================\r\nTRACK\r\n========================================= *\/\r\n\r\n.ppmq-track{\r\n  width:max-content;\r\n\r\n  display:flex;\r\n\r\n  animation:ppmqLoop 18s linear infinite;\r\n}\r\n\r\n\/* =========================================\r\nCONTENT\r\n========================================= *\/\r\n\r\n.ppmq-content{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:80px;\r\n\r\n  white-space:nowrap;\r\n\r\n  padding-right:80px;\r\n}\r\n\r\n.ppmq-content span{\r\n  font-family:'Luckiest Guy', cursive;\r\n\r\n  font-size:32px;\r\n  line-height:1;\r\n\r\n  letter-spacing:1px;\r\n\r\n  color:#fff;\r\n\r\n  flex-shrink:0;\r\n}\r\n\r\n\/* =========================================\r\nANIMATION\r\n========================================= *\/\r\n\r\n@keyframes ppmqLoop{\r\n\r\n  from{\r\n    transform:translateX(0%);\r\n  }\r\n\r\n  to{\r\n    transform:translateX(-50%);\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\nFADE\r\n========================================= *\/\r\n\r\n.ppmq-fade{\r\n  position:absolute;\r\n\r\n  top:0;\r\n\r\n  width:160px;\r\n  height:100%;\r\n\r\n  z-index:5;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\/* LEFT *\/\r\n\r\n.ppmq-fade-left{\r\n  left:0;\r\n\r\n  background:linear-gradient(\r\n    to right,\r\n    #000 0%,\r\n    rgba(0,0,0,0) 100%\r\n  );\r\n}\r\n\r\n\/* RIGHT *\/\r\n\r\n.ppmq-fade-right{\r\n  right:0;\r\n\r\n  background:linear-gradient(\r\n    to left,\r\n    #000 0%,\r\n    rgba(0,0,0,0) 100%\r\n  );\r\n}\r\n\r\n\/* =========================================\r\nRESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n  .ppmq-wrap{\r\n    padding:14px 0;\r\n  }\r\n\r\n  .ppmq-content{\r\n    gap:50px;\r\n  }\r\n\r\n  .ppmq-content span{\r\n    font-size:22px;\r\n  }\r\n\r\n  .ppmq-fade{\r\n    width:80px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\n\/* =========================================\r\nPAUSE ON HOVER\r\n========================================= *\/\r\n\r\nconst ppmqTrack = document.querySelector('.ppmq-track');\r\n\r\nppmqTrack.addEventListener('mouseenter', () => {\r\n  ppmqTrack.style.animationPlayState = 'paused';\r\n});\r\n\r\nppmqTrack.addEventListener('mouseleave', () => {\r\n  ppmqTrack.style.animationPlayState = 'running';\r\n});\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d305a0 e-flex e-con-boxed e-con e-parent\" data-id=\"8d305a0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52fb771 elementor-widget elementor-widget-spacer\" data-id=\"52fb771\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4182dd e-con-full e-flex e-con e-child\" data-id=\"b4182dd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a31122d elementor-widget elementor-widget-heading\" data-id=\"a31122d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FIVE SPLASHES TO ENTER THE POND<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba4cfb4 elementor-widget elementor-widget-html\" data-id=\"ba4cfb4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================\r\nPEPPY HOW TO BUY CARDS\r\n========================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"pp-buy-section\">\r\n\r\n  <div class=\"pp-buy-grid\">\r\n\r\n    <!-- CARD 1 -->\r\n    <div class=\"pp-buy-card\">\r\n      <div class=\"pp-buy-number\">01<\/div>\r\n\r\n      <h3 class=\"pp-buy-title\">\r\n        CREATE YOUR WALLET\r\n      <\/h3>\r\n\r\n      <p class=\"pp-buy-text\">\r\n        Download a wallet and prepare your tiny swamp journey.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- CARD 2 -->\r\n    <div class=\"pp-buy-card\">\r\n      <div class=\"pp-buy-number\">02<\/div>\r\n\r\n      <h3 class=\"pp-buy-title\">\r\n        LOAD SOME SOL\r\n      <\/h3>\r\n\r\n      <p class=\"pp-buy-text\">\r\n        Add SOL so your tadpole can start swimming on-chain.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- CARD 3 -->\r\n    <div class=\"pp-buy-card\">\r\n      <div class=\"pp-buy-number\">03<\/div>\r\n\r\n      <h3 class=\"pp-buy-title\">\r\n        FIND PEPPY\r\n      <\/h3>\r\n\r\n      <p class=\"pp-buy-text\">\r\n        Paste the official contract address and locate the spawn.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- CARD 4 -->\r\n    <div class=\"pp-buy-card\">\r\n      <div class=\"pp-buy-number\">04<\/div>\r\n\r\n      <h3 class=\"pp-buy-title\">\r\n        MAKE THE SWAP\r\n      <\/h3>\r\n\r\n      <p class=\"pp-buy-text\">\r\n        Exchange your SOL and officially enter the pond.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- CARD 5 -->\r\n    <div class=\"pp-buy-card\">\r\n      <div class=\"pp-buy-number\">05<\/div>\r\n\r\n      <h3 class=\"pp-buy-title\">\r\n        WATCH HIM EVOLVE\r\n      <\/h3>\r\n\r\n      <p class=\"pp-buy-text\">\r\n        Hold PEPPY and enjoy the meme evolution with the swamp.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =========================================\r\nSECTION\r\n========================================= *\/\r\n\r\n.pp-buy-section{\r\n  width:100%;\r\n  padding:40px 0;\r\n}\r\n\r\n\/* =========================================\r\nGRID\r\n========================================= *\/\r\n\r\n.pp-buy-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(5,1fr);\r\n  gap:22px;\r\n}\r\n\r\n\/* =========================================\r\nCARD\r\n========================================= *\/\r\n\r\n.pp-buy-card{\r\n  position:relative;\r\n\r\n  padding:28px 24px;\r\n\r\n  border-radius:32px;\r\n\r\n  background:#B6FF8D;\r\n\r\n  border:4px solid #111;\r\n\r\n  box-shadow:\r\n    0px 10px 0px #111;\r\n\r\n  overflow:hidden;\r\n\r\n  transition:0.18s ease;\r\n\r\n  font-family:'Luckiest Guy', cursive;\r\n\r\n  min-height:260px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:space-between;\r\n}\r\n\r\n\/* DIFFERENT COLORS *\/\r\n\r\n.pp-buy-card:nth-child(2){\r\n  background:#8FE8FF;\r\n}\r\n\r\n.pp-buy-card:nth-child(3){\r\n  background:#FFD95F;\r\n}\r\n\r\n.pp-buy-card:nth-child(4){\r\n  background:#FFB4E1;\r\n}\r\n\r\n.pp-buy-card:nth-child(5){\r\n  background:#C5B3FF;\r\n}\r\n\r\n\/* HOVER *\/\r\n\r\n.pp-buy-card:hover{\r\n  transform:\r\n    translateY(6px)\r\n    rotate(-1deg);\r\n\r\n  box-shadow:\r\n    0px 4px 0px #111;\r\n}\r\n\r\n\/* NUMBER *\/\r\n\r\n.pp-buy-number{\r\n  font-size:52px;\r\n  line-height:1;\r\n\r\n  color:#111;\r\n\r\n  opacity:0.18;\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n.pp-buy-title{\r\n  font-size:28px;\r\n  line-height:1.1;\r\n\r\n  color:#111;\r\n\r\n  margin-top:10px;\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.pp-buy-text{\r\n  margin-top:18px;\r\n\r\n  font-family:Arial,sans-serif;\r\n\r\n  font-size:15px;\r\n  line-height:1.6;\r\n\r\n  color:#222;\r\n}\r\n\r\n\/* CARTOON SHAPE *\/\r\n\r\n.pp-buy-card::before{\r\n  content:'';\r\n\r\n  position:absolute;\r\n\r\n  width:140px;\r\n  height:140px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:rgba(255,255,255,0.16);\r\n\r\n  top:-40px;\r\n  right:-40px;\r\n}\r\n\r\n\/* =========================================\r\nRESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n  .pp-buy-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n  .pp-buy-grid{\r\n    grid-template-columns:1fr;\r\n    gap:18px;\r\n  }\r\n\r\n  .pp-buy-card{\r\n    min-height:auto;\r\n\r\n    padding:24px 20px;\r\n\r\n    border-width:3px;\r\n\r\n    box-shadow:\r\n      0px 8px 0px #111;\r\n  }\r\n\r\n  .pp-buy-number{\r\n    font-size:42px;\r\n  }\r\n\r\n  .pp-buy-title{\r\n    font-size:24px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\n\/* =========================================\r\nFLOAT EFFECT\r\n========================================= *\/\r\n\r\nconst ppBuyCards = document.querySelectorAll('.pp-buy-card');\r\n\r\nppBuyCards.forEach(card => {\r\n\r\n  card.addEventListener('mousemove', e => {\r\n\r\n    const rect = card.getBoundingClientRect();\r\n\r\n    const x = e.clientX - rect.left;\r\n\r\n    card.style.transform = `\r\n      rotate(${(x - rect.width\/2)\/30}deg)\r\n      translateY(4px)\r\n    `;\r\n\r\n  });\r\n\r\n  card.addEventListener('mouseleave', () => {\r\n    card.style.transform = '';\r\n  });\r\n\r\n});\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-afd9db6 elementor-widget elementor-widget-spacer\" data-id=\"afd9db6\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d7b4263 e-con-full e-flex e-con e-parent\" data-id=\"d7b4263\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61aabbc elementor-widget elementor-widget-html\" data-id=\"61aabbc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================\r\nPEPPY SMOOTH MARQUEE\r\n========================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"ppmq-wrap\">\r\n\r\n  <!-- LEFT FADE -->\r\n  <div class=\"ppmq-fade ppmq-fade-left\"><\/div>\r\n\r\n  <!-- RIGHT FADE -->\r\n  <div class=\"ppmq-fade ppmq-fade-right\"><\/div>\r\n\r\n  <!-- MARQUEE -->\r\n  <div class=\"ppmq-track\">\r\n\r\n    <div class=\"ppmq-content\">\r\n\r\n      <span>\ud83d\udc38 PEPPY IS SWIMMING THROUGH THE BLOCKCHAIN \u2022<\/span>\r\n      <span>\ud83d\udc9a THE POND IS STILL EARLY \u2022<\/span>\r\n      <span>\ud83d\ude80 WATCH THE TADPOLE EVOLVE \u2022<\/span>\r\n      <span>\ud83d\udc38 PEPPY IS SWIMMING THROUGH THE BLOCKCHAIN \u2022<\/span>\r\n      <span>\ud83d\udc9a THE POND IS STILL EARLY \u2022<\/span>\r\n      <span>\ud83d\ude80 WATCH THE TADPOLE EVOLVE \u2022<\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =========================================\r\nWRAP\r\n========================================= *\/\r\n\r\n.ppmq-wrap{\r\n  position:relative;\r\n\r\n  width:100%;\r\n  overflow:hidden;\r\n\r\n  background:transparent;\r\n\r\n  padding:18px 0;\r\n}\r\n\r\n\/* =========================================\r\nTRACK\r\n========================================= *\/\r\n\r\n.ppmq-track{\r\n  width:max-content;\r\n\r\n  display:flex;\r\n\r\n  animation:ppmqLoop 18s linear infinite;\r\n}\r\n\r\n\/* =========================================\r\nCONTENT\r\n========================================= *\/\r\n\r\n.ppmq-content{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:80px;\r\n\r\n  white-space:nowrap;\r\n\r\n  padding-right:80px;\r\n}\r\n\r\n.ppmq-content span{\r\n  font-family:'Luckiest Guy', cursive;\r\n\r\n  font-size:32px;\r\n  line-height:1;\r\n\r\n  letter-spacing:1px;\r\n\r\n  color:#fff;\r\n\r\n  flex-shrink:0;\r\n}\r\n\r\n\/* =========================================\r\nANIMATION\r\n========================================= *\/\r\n\r\n@keyframes ppmqLoop{\r\n\r\n  from{\r\n    transform:translateX(0%);\r\n  }\r\n\r\n  to{\r\n    transform:translateX(-50%);\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\nFADE\r\n========================================= *\/\r\n\r\n.ppmq-fade{\r\n  position:absolute;\r\n\r\n  top:0;\r\n\r\n  width:160px;\r\n  height:100%;\r\n\r\n  z-index:5;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\/* LEFT *\/\r\n\r\n.ppmq-fade-left{\r\n  left:0;\r\n\r\n  background:linear-gradient(\r\n    to right,\r\n    #000 0%,\r\n    rgba(0,0,0,0) 100%\r\n  );\r\n}\r\n\r\n\/* RIGHT *\/\r\n\r\n.ppmq-fade-right{\r\n  right:0;\r\n\r\n  background:linear-gradient(\r\n    to left,\r\n    #000 0%,\r\n    rgba(0,0,0,0) 100%\r\n  );\r\n}\r\n\r\n\/* =========================================\r\nRESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n  .ppmq-wrap{\r\n    padding:14px 0;\r\n  }\r\n\r\n  .ppmq-content{\r\n    gap:50px;\r\n  }\r\n\r\n  .ppmq-content span{\r\n    font-size:22px;\r\n  }\r\n\r\n  .ppmq-fade{\r\n    width:80px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\n\/* =========================================\r\nPAUSE ON HOVER\r\n========================================= *\/\r\n\r\nconst ppmqTrack = document.querySelector('.ppmq-track');\r\n\r\nppmqTrack.addEventListener('mouseenter', () => {\r\n  ppmqTrack.style.animationPlayState = 'paused';\r\n});\r\n\r\nppmqTrack.addEventListener('mouseleave', () => {\r\n  ppmqTrack.style.animationPlayState = 'running';\r\n});\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbc49da e-flex e-con-boxed e-con e-parent\" data-id=\"fbc49da\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09b9506 elementor-widget elementor-widget-spacer\" data-id=\"09b9506\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-781c9aa e-con-full e-grid e-con e-child\" data-id=\"781c9aa\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a594ea7 e-con-full e-flex e-con e-child\" data-id=\"a594ea7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d55b240 elementor-widget elementor-widget-heading\" data-id=\"d55b240\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">QUESTIONS FROM THE SWAMP<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f97c26 elementor-widget elementor-widget-html\" data-id=\"2f97c26\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================\r\nPEPPY FAQ ACCORDION v2\r\n========================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"pp2-faq-wrap\">\r\n\r\n  <!-- ITEM -->\r\n  <div class=\"pp2-faq-item active\">\r\n\r\n    <button class=\"pp2-faq-question\">\r\n\r\n      <span>\r\n        WHAT IS PEPPY?\r\n      <\/span>\r\n\r\n      <div class=\"pp2-faq-icon\">\r\n        +\r\n      <\/div>\r\n\r\n    <\/button>\r\n\r\n    <div class=\"pp2-faq-answer\">\r\n      PEPPY is Pepe\u2019s first tiny spawn \u2014 a little swamp creature born to evolve into meme legend status.\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- ITEM -->\r\n  <div class=\"pp2-faq-item\">\r\n\r\n    <button class=\"pp2-faq-question\">\r\n\r\n      <span>\r\n        WHY A TADPOLE?\r\n      <\/span>\r\n\r\n      <div class=\"pp2-faq-icon\">\r\n        +\r\n      <\/div>\r\n\r\n    <\/button>\r\n\r\n    <div class=\"pp2-faq-answer\">\r\n      Every legendary frog starts somewhere. PEPPY is the beginning before the full evolution.\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- ITEM -->\r\n  <div class=\"pp2-faq-item\">\r\n\r\n    <button class=\"pp2-faq-question\">\r\n\r\n      <span>\r\n        IS THE POND STILL EARLY?\r\n      <\/span>\r\n\r\n      <div class=\"pp2-faq-icon\">\r\n        +\r\n      <\/div>\r\n\r\n    <\/button>\r\n\r\n    <div class=\"pp2-faq-answer\">\r\n      The swamp is only getting started. Early tadpoles always swim first.\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- ITEM -->\r\n  <div class=\"pp2-faq-item\">\r\n\r\n    <button class=\"pp2-faq-question\">\r\n\r\n      <span>\r\n        WEN EVOLUTION?\r\n      <\/span>\r\n\r\n      <div class=\"pp2-faq-icon\">\r\n        +\r\n      <\/div>\r\n\r\n    <\/button>\r\n\r\n    <div class=\"pp2-faq-answer\">\r\n      Faster than the pond expects. \ud83d\ude80\ud83d\udc38\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =========================================\r\nWRAP\r\n========================================= *\/\r\n\r\n.pp2-faq-wrap{\r\n  width:100%;\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:18px;\r\n}\r\n\r\n\/* =========================================\r\nITEM\r\n========================================= *\/\r\n\r\n.pp2-faq-item{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:30px;\r\n\r\n  border:4px solid #111;\r\n\r\n  background:#B6FF8D;\r\n\r\n  box-shadow:\r\n    0px 8px 0px #111;\r\n\r\n  transition:0.2s ease;\r\n}\r\n\r\n\/* COLORS *\/\r\n\r\n.pp2-faq-item:nth-child(2){\r\n  background:#8FE8FF;\r\n}\r\n\r\n.pp2-faq-item:nth-child(3){\r\n  background:#FFD95F;\r\n}\r\n\r\n.pp2-faq-item:nth-child(4){\r\n  background:#FFB4E1;\r\n}\r\n\r\n\/* ACTIVE *\/\r\n\r\n.pp2-faq-item.active{\r\n  transform:translateY(4px);\r\n\r\n  box-shadow:\r\n    0px 4px 0px #111;\r\n}\r\n\r\n\/* =========================================\r\nQUESTION\r\n========================================= *\/\r\n\r\n.pp2-faq-question{\r\n  width:100%;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:20px;\r\n\r\n  padding:24px 28px;\r\n\r\n  border:none;\r\n  outline:none;\r\n\r\n  background:transparent;\r\n\r\n  cursor:pointer;\r\n\r\n  text-align:left;\r\n\r\n  font-family:'Luckiest Guy', cursive;\r\n\r\n  font-size:24px;\r\n  line-height:1.2;\r\n\r\n  color:#111;\r\n}\r\n\r\n\/* =========================================\r\nICON\r\n========================================= *\/\r\n\r\n.pp2-faq-icon{\r\n  flex-shrink:0;\r\n\r\n  width:48px;\r\n  height:48px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#fff;\r\n\r\n  border:3px solid #111;\r\n\r\n  font-size:28px;\r\n\r\n  transition:0.22s ease;\r\n}\r\n\r\n.pp2-faq-item.active .pp2-faq-icon{\r\n  transform:rotate(45deg);\r\n}\r\n\r\n\/* =========================================\r\nANSWER\r\n========================================= *\/\r\n\r\n.pp2-faq-answer{\r\n  max-height:0;\r\n\r\n  overflow:hidden;\r\n\r\n  transition:\r\n    max-height 0.35s ease,\r\n    padding 0.35s ease;\r\n\r\n  padding:\r\n    0px 28px 0px;\r\n\r\n  font-family:'Luckiest Guy', cursive;\r\n\r\n  font-size:16px;\r\n  line-height:1.6;\r\n\r\n  letter-spacing:0.5px;\r\n\r\n  color:#1c1c1c;\r\n}\r\n\r\n.pp2-faq-item.active .pp2-faq-answer{\r\n  max-height:220px;\r\n\r\n  padding:\r\n    0px 28px 26px;\r\n}\r\n\r\n\/* =========================================\r\nHOVER\r\n========================================= *\/\r\n\r\n.pp2-faq-item:hover{\r\n  transform:\r\n    rotate(-0.4deg)\r\n    translateY(2px);\r\n}\r\n\r\n\/* =========================================\r\nMOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n  .pp2-faq-item{\r\n    border-width:3px;\r\n\r\n    border-radius:24px;\r\n\r\n    box-shadow:\r\n      0px 6px 0px #111;\r\n  }\r\n\r\n  .pp2-faq-question{\r\n    padding:20px;\r\n\r\n    font-size:18px;\r\n  }\r\n\r\n  .pp2-faq-icon{\r\n    width:40px;\r\n    height:40px;\r\n\r\n    font-size:22px;\r\n  }\r\n\r\n  .pp2-faq-answer{\r\n    font-size:13px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\n\/* =========================================\r\nFAQ ACCORDION\r\n========================================= *\/\r\n\r\nconst pp2FaqItems = document.querySelectorAll('.pp2-faq-item');\r\n\r\npp2FaqItems.forEach(item => {\r\n\r\n  const question = item.querySelector('.pp2-faq-question');\r\n\r\n  question.addEventListener('click', () => {\r\n\r\n    if(item.classList.contains('active')){\r\n\r\n      item.classList.remove('active');\r\n\r\n    }else{\r\n\r\n      pp2FaqItems.forEach(el => {\r\n        el.classList.remove('active');\r\n      });\r\n\r\n      item.classList.add('active');\r\n\r\n    }\r\n\r\n  });\r\n\r\n});\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df742dd e-con-full e-flex e-con e-child\" data-id=\"df742dd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-900f9ac elementor-widget elementor-widget-image\" data-id=\"900f9ac\" data-element_type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_direction&quot;:&quot;negative&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"720\" height=\"720\" src=\"https:\/\/thepeppy.fun\/wp-content\/uploads\/2026\/05\/PEPPYASSET2-ezgif.com-gif-maker.gif\" class=\"attachment-large size-large wp-image-35\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc9402b elementor-widget elementor-widget-spacer\" data-id=\"cc9402b\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca83c57 e-flex e-con-boxed e-con e-parent\" data-id=\"ca83c57\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-986f79c elementor-widget elementor-widget-spacer\" data-id=\"986f79c\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e7547c8 e-con-full e-flex e-con e-child\" data-id=\"e7547c8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6d14f1 elementor-widget elementor-widget-heading\" data-id=\"d6d14f1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">THE POND NEEDS<br>MORE DEGENS<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cc7c28 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"1cc7c28\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PEPPY is growing fast, and the swamp is getting louder every day. Join the community, spread the memes, and help the tiny tadpole evolve into the next amphibian legend of the internet.<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1768470 elementor-widget elementor-widget-html\" data-id=\"1768470\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================\r\nPEPPY COMMUNITY BUTTONS\r\n========================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"ppy-btns-wrap\">\r\n\r\n  <!-- TWITTER -->\r\n  <a href=\"#\" class=\"ppy-btn ppy-btn-twitter\">\r\n    TWITTER\r\n  <\/a>\r\n\r\n  <!-- TELEGRAM -->\r\n  <a href=\"#\" class=\"ppy-btn ppy-btn-telegram\">\r\n    TELEGRAM\r\n  <\/a>\r\n\r\n  <!-- SWAP -->\r\n  <a href=\"#\" class=\"ppy-btn ppy-btn-swap\">\r\n    SWAP NOW\r\n  <\/a>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n\/* =========================================\r\nWRAP\r\n========================================= *\/\r\n\r\n.ppy-btns-wrap{\r\n  width:100%;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:18px;\r\n\r\n  flex-wrap:wrap;\r\n}\r\n\r\n\/* =========================================\r\nBUTTON\r\n========================================= *\/\r\n\r\n.ppy-btn{\r\n  position:relative;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  text-decoration:none;\r\n\r\n  min-width:190px;\r\n  height:68px;\r\n\r\n  padding:0 28px;\r\n\r\n  border-radius:999px;\r\n\r\n  border:4px solid #111;\r\n\r\n  font-family:'Luckiest Guy', cursive;\r\n\r\n  font-size:19px;\r\n  letter-spacing:1px;\r\n\r\n  color:#111;\r\n\r\n  overflow:hidden;\r\n\r\n  transition:0.18s ease;\r\n\r\n  box-shadow:\r\n    0px 8px 0px #111;\r\n}\r\n\r\n\/* =========================================\r\nCOLORS\r\n========================================= *\/\r\n\r\n.ppy-btn-twitter{\r\n  background:#8FE8FF;\r\n}\r\n\r\n.ppy-btn-telegram{\r\n  background:#FFD95F;\r\n}\r\n\r\n.ppy-btn-swap{\r\n  background:#B6FF8D;\r\n}\r\n\r\n\/* =========================================\r\nSHINE EFFECT\r\n========================================= *\/\r\n\r\n.ppy-btn::before{\r\n  content:'';\r\n\r\n  position:absolute;\r\n\r\n  width:80px;\r\n  height:180%;\r\n\r\n  background:rgba(255,255,255,0.18);\r\n\r\n  top:-30%;\r\n  left:-120%;\r\n\r\n  transform:rotate(18deg);\r\n\r\n  transition:0.55s ease;\r\n}\r\n\r\n.ppy-btn:hover::before{\r\n  left:150%;\r\n}\r\n\r\n\/* =========================================\r\nHOVER\r\n========================================= *\/\r\n\r\n.ppy-btn:hover{\r\n  transform:\r\n    translateY(5px)\r\n    rotate(-1deg);\r\n\r\n  box-shadow:\r\n    0px 3px 0px #111;\r\n}\r\n\r\n\/* =========================================\r\nACTIVE\r\n========================================= *\/\r\n\r\n.ppy-btn:active{\r\n  transform:translateY(8px);\r\n\r\n  box-shadow:none;\r\n}\r\n\r\n\/* =========================================\r\nMOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n  .ppy-btns-wrap{\r\n    gap:12px;\r\n  }\r\n\r\n  .ppy-btn{\r\n    width:100%;\r\n\r\n    min-width:unset;\r\n\r\n    height:62px;\r\n\r\n    font-size:16px;\r\n\r\n    border-width:3px;\r\n\r\n    box-shadow:\r\n      0px 6px 0px #111;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\n\/* =========================================\r\nFLOAT EFFECT\r\n========================================= *\/\r\n\r\nconst ppyBtns = document.querySelectorAll('.ppy-btn');\r\n\r\nppyBtns.forEach(btn => {\r\n\r\n  btn.addEventListener('mousemove', e => {\r\n\r\n    const rect = btn.getBoundingClientRect();\r\n\r\n    const x = e.clientX - rect.left;\r\n\r\n    btn.style.transform = `\r\n      rotate(${(x - rect.width\/2)\/22}deg)\r\n      translateY(3px)\r\n    `;\r\n\r\n  });\r\n\r\n  btn.addEventListener('mouseleave', () => {\r\n    btn.style.transform = '';\r\n  });\r\n\r\n});\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3cc268 elementor-widget elementor-widget-spacer\" data-id=\"e3cc268\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7afae65 e-con-full e-flex e-con e-parent\" data-id=\"7afae65\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cd5d04 elementor-widget elementor-widget-html\" data-id=\"2cd5d04\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================\r\nPEPPY MINIMAL CARTOON FOOTER\r\n========================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\r\n\r\n<footer class=\"ppm-footer-wrap\">\r\n\r\n  <!-- TOP -->\r\n  <div class=\"ppm-footer-top\">\r\n\r\n    <!-- LOGO -->\r\n    <a href=\"#\" class=\"ppm-footer-logo\">\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/thepeppy.fun\/wp-content\/uploads\/2026\/05\/Asset-10.png\"\r\n        alt=\"PEPPY\"\r\n      >\r\n    <\/a>\r\n\r\n    <!-- TEXT -->\r\n    <p class=\"ppm-footer-text\">\r\n      PEPPY is Pepe\u2019s first tiny spawn \u2014 swimming through the blockchain one pond at a time. \ud83d\udc38\ud83d\udc9a\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n  <!-- BOTTOM -->\r\n  <div class=\"ppm-footer-bottom\">\r\n\r\n    <span>\r\n      \u00a9 2026 PEPPY. ALL RIGHTS RESERVED.\r\n    <\/span>\r\n\r\n    <span>\r\n      MADE FOR THE SWAMP.\r\n    <\/span>\r\n\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n<style>\r\n\r\n\/* =========================================\r\nFOOTER\r\n========================================= *\/\r\n\r\n.ppm-footer-wrap{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  padding:70px 24px 26px;\r\n\r\n  overflow:hidden;\r\n\r\n  text-align:center;\r\n}\r\n\r\n\/* =========================================\r\nTOP\r\n========================================= *\/\r\n\r\n.ppm-footer-top{\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n\/* =========================================\r\nLOGO\r\n========================================= *\/\r\n\r\n.ppm-footer-logo{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  text-decoration:none;\r\n}\r\n\r\n.ppm-footer-logo img{\r\n  width:170px;\r\n\r\n  display:block;\r\n\r\n  user-select:none;\r\n  -webkit-user-drag:none;\r\n\r\n  transition:0.22s ease;\r\n\r\n  filter:\r\n    drop-shadow(0px 6px 0px rgba(0,0,0,0.18));\r\n}\r\n\r\n.ppm-footer-logo:hover img{\r\n  transform:\r\n    rotate(-4deg)\r\n    translateY(-3px);\r\n}\r\n\r\n\/* =========================================\r\nTEXT\r\n========================================= *\/\r\n\r\n.ppm-footer-text{\r\n  max-width:650px;\r\n\r\n  margin-top:24px;\r\n\r\n  font-family:'Luckiest Guy', cursive;\r\n\r\n  font-size:22px;\r\n  line-height:1.5;\r\n\r\n  letter-spacing:0.4px;\r\n\r\n  color:#fff;\r\n}\r\n\r\n\/* =========================================\r\nBOTTOM\r\n========================================= *\/\r\n\r\n.ppm-footer-bottom{\r\n  margin-top:60px;\r\n\r\n  padding-top:24px;\r\n\r\n  border-top:4px dashed #fff;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:20px;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  font-family:'Luckiest Guy', cursive;\r\n\r\n  font-size:14px;\r\n  letter-spacing:1px;\r\n\r\n  color:#fff;\r\n}\r\n\r\n\/* =========================================\r\nBG SHAPES\r\n========================================= *\/\r\n\r\n.ppm-footer-wrap::before{\r\n  content:'';\r\n\r\n  position:absolute;\r\n\r\n  width:260px;\r\n  height:260px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:rgba(182,255,141,0.15);\r\n\r\n  top:-80px;\r\n  left:-80px;\r\n\r\n  z-index:-1;\r\n}\r\n\r\n.ppm-footer-wrap::after{\r\n  content:'';\r\n\r\n  position:absolute;\r\n\r\n  width:220px;\r\n  height:220px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:rgba(143,232,255,0.15);\r\n\r\n  bottom:-80px;\r\n  right:-60px;\r\n\r\n  z-index:-1;\r\n}\r\n\r\n\/* =========================================\r\nRESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n  .ppm-footer-wrap{\r\n    padding:60px 18px 22px;\r\n  }\r\n\r\n  .ppm-footer-logo img{\r\n    width:130px;\r\n  }\r\n\r\n  .ppm-footer-text{\r\n    font-size:18px;\r\n  }\r\n\r\n  .ppm-footer-bottom{\r\n    margin-top:44px;\r\n\r\n    padding-top:20px;\r\n\r\n    justify-content:center;\r\n\r\n    text-align:center;\r\n\r\n    font-size:12px;\r\n\r\n    border-top-width:3px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\n\/* =========================================\r\nLOGO FLOAT EFFECT\r\n========================================= *\/\r\n\r\nconst ppmLogo = document.querySelector('.ppm-footer-logo img');\r\n\r\nppmLogo.addEventListener('mousemove', () => {\r\n\r\n  ppmLogo.style.transform = `\r\n    rotate(-3deg)\r\n    translateY(-2px)\r\n  `;\r\n\r\n});\r\n\r\nppmLogo.addEventListener('mouseleave', () => {\r\n\r\n  ppmLogo.style.transform = '';\r\n\r\n});\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>X TELEGRAM BORN IN THE SWAMP. DESTINED FOR THE CHAIN. COPY CA 7xKJwQ9Lz8nM3pRtYvH2aBcDeFgHiJkLmNoPqRsTuVxY BEFORE THE FROG, THERE WAS THE TADPOLE. PEPPY is the beginning of the legend \u2014 Pepe before the fame, before the memes, before the crown. Just a tiny green degen swimming through the swamp, slowly evolving into a future internet icon. The [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thepeppy.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thepeppy.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thepeppy.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thepeppy.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thepeppy.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":16,"href":"https:\/\/thepeppy.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/thepeppy.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/thepeppy.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}