{"id":8,"date":"2026-04-08T20:37:26","date_gmt":"2026-04-08T20:37:26","guid":{"rendered":"https:\/\/mattfurry.fun\/?page_id=8"},"modified":"2026-04-08T21:32:00","modified_gmt":"2026-04-08T21:32:00","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/mattfurry.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-c7a69a6 e-flex e-con-boxed e-con e-parent\" data-id=\"c7a69a6\" 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<div class=\"elementor-element elementor-element-c23852c e-con-full e-flex e-con e-child\" data-id=\"c23852c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d26645 elementor-widget elementor-widget-html\" data-id=\"2d26645\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* --- ANIMASI MUNCUL DARI ATAS --- *\/\r\n  @keyframes dropDownPill {\r\n    0% { transform: translate(-50%, -100px) scale(0.8); opacity: 0; }\r\n    100% { transform: translate(-50%, 0) scale(1); opacity: 1; }\r\n  }\r\n\r\n  \/* --- WRAPPER FLOATING PILL --- *\/\r\n  .blst-pill-wrapper {\r\n    position: fixed;\r\n    top: 25px; \/* Pindah ke atas *\/\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    z-index: 9999; \/* Selalu di atas *\/\r\n    font-family: 'Luckiest Guy', cursive; \/* Font Luckiest Guy *\/\r\n    animation: dropDownPill 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\r\n    width: max-content;\r\n    max-width: 95%;\r\n  }\r\n\r\n  \/* --- CONTAINER NAVBAR (Bentuk Pil Biru) --- *\/\r\n  .blst-pill-nav {\r\n    background: linear-gradient(145deg, #1E90FF, #005ce6); \/* Gradasi Biru *\/\r\n    border: 3px solid #000000;\r\n    border-radius: 50px; \/* Berbentuk pil *\/\r\n    padding: 8px 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    box-shadow: 6px 6px 0px #000000;\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n  }\r\n\r\n  \/* --- EFEK BEVEL DI DALAM PIL --- *\/\r\n  .blst-pill-nav::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    border-radius: 50px;\r\n    box-shadow: inset 2px 2px 5px rgba(255,255,255,0.3), inset -2px -2px 5px rgba(0,0,0,0.2);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* --- LOGO KECIL --- *\/\r\n  .blst-pill-logo {\r\n    font-size: 24px;\r\n    font-weight: normal; \/* Luckiest Guy bawaannya sudah tebal *\/\r\n    color: #FFFFFF !important;\r\n    text-decoration: none !important;\r\n    text-shadow: 3px 3px 0px #000000;\r\n    padding: 0 10px;\r\n    letter-spacing: 2px;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* --- MENU LINKS --- *\/\r\n  .blst-pill-links {\r\n    display: flex;\r\n    gap: 5px;\r\n    z-index: 2;\r\n  }\r\n\r\n  .blst-pill-links a {\r\n    color: #FFFFFF !important;\r\n    text-decoration: none !important;\r\n    font-size: 16px;\r\n    font-weight: normal;\r\n    letter-spacing: 1px;\r\n    padding: 8px 16px;\r\n    border-radius: 30px; \r\n    border: 2px solid transparent;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .blst-pill-links a:hover {\r\n    background-color: #FFFFFF;\r\n    color: #1E90FF !important;\r\n    border: 2px solid #000000;\r\n    box-shadow: 3px 3px 0px #000000;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  \/* --- TOMBOL CTA (Warna Kontras) --- *\/\r\n  .blst-pill-cta {\r\n    background-color: #FFD700; \/* Kuning agar menonjol *\/\r\n    color: #000000 !important;\r\n    text-decoration: none !important;\r\n    font-size: 18px;\r\n    font-weight: normal;\r\n    letter-spacing: 1px;\r\n    padding: 10px 24px;\r\n    border-radius: 30px;\r\n    border: 3px solid #000000;\r\n    box-shadow: 3px 3px 0px #000000;\r\n    transition: all 0.2s ease;\r\n    z-index: 2;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .blst-pill-cta:hover {\r\n    transform: translateY(-3px) translateX(-2px);\r\n    box-shadow: 5px 5px 0px #000000;\r\n    background-color: #ffeb3b;\r\n  }\r\n\r\n  .blst-pill-cta:active {\r\n    transform: translateY(1px) translateX(1px);\r\n    box-shadow: 1px 1px 0px #000000;\r\n  }\r\n\r\n  \/* --- RESPONSIVE MOBILE --- *\/\r\n  @media (max-width: 768px) {\r\n    .blst-pill-nav {\r\n      padding: 6px 8px;\r\n      gap: 5px;\r\n    }\r\n    \r\n    .blst-pill-logo {\r\n      display: none; \/* Sembunyikan logo di HP agar hemat ruang *\/\r\n    }\r\n\r\n    .blst-pill-links a {\r\n      font-size: 14px;\r\n      padding: 8px 12px;\r\n    }\r\n\r\n    .blst-pill-cta {\r\n      font-size: 14px;\r\n      padding: 8px 16px;\r\n      border-width: 2px;\r\n      box-shadow: 2px 2px 0px #000000;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .blst-pill-links a {\r\n      font-size: 12px;\r\n      padding: 6px 10px;\r\n    }\r\n    .blst-pill-cta {\r\n      font-size: 12px;\r\n      padding: 6px 12px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"blst-pill-wrapper\">\r\n  <nav class=\"blst-pill-nav\">\r\n    \r\n    <a href=\"#\" class=\"blst-pill-logo\">$MATT<\/a>\r\n\r\n    <div class=\"blst-pill-links\">\r\n      <a href=\"#home\">X<\/a>\r\n      <a href=\"#artist\">TG<\/a>\r\n      <a href=\"#club\">CHART<\/a>\r\n    <\/div>\r\n\r\n    <a href=\"#\" class=\"blst-pill-cta\">Buy $MATT<\/a>\r\n\r\n  <\/nav>\r\n<\/div>\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-5f663bd elementor-widget elementor-widget-spacer\" data-id=\"5f663bd\" 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<div class=\"elementor-element elementor-element-e027528 e-con-full e-grid e-con e-child\" data-id=\"e027528\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2612127 e-con-full e-flex e-con e-child\" data-id=\"2612127\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40e7c1e e-con-full e-flex e-con e-child\" data-id=\"40e7c1e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fb2442 elementor-widget elementor-widget-heading\" data-id=\"4fb2442\" 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\">THE MASTERMIND BEHIND THE MEMES.<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d9ef517 elementor-widget elementor-widget-html\" data-id=\"d9ef517\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* --- DESAIN TOMBOL STANDALONE --- *\/\r\n  .matt-standalone-ca-btn {\r\n    font-family: 'Luckiest Guy', cursive;\r\n    background: #1E90FF; \/* Warna Biru *\/\r\n    border: 4px solid #000000;\r\n    border-radius: 16px;\r\n    padding: 12px 20px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    cursor: pointer;\r\n    box-shadow: 6px 6px 0px #000000;\r\n    transition: all 0.2s ease;\r\n    text-align: left;\r\n    max-width: 100%;\r\n  }\r\n\r\n  \/* Efek Hover & Klik *\/\r\n  .matt-standalone-ca-btn:hover {\r\n    transform: translate(-4px, -4px);\r\n    box-shadow: 10px 10px 0px #000000;\r\n    background: #2a9df4;\r\n  }\r\n\r\n  .matt-standalone-ca-btn:active {\r\n    transform: translate(2px, 2px);\r\n    box-shadow: 2px 2px 0px #000000;\r\n  }\r\n\r\n  \/* --- TEKS CA DI DALAM TOMBOL --- *\/\r\n  .matt-ca-text-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .matt-ca-title {\r\n    color: #FFD700; \/* Kuning *\/\r\n    font-size: 16px;\r\n    text-shadow: 2px 2px 0px #000000;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 2px;\r\n  }\r\n\r\n  .matt-ca-string {\r\n    color: #FFFFFF;\r\n    font-size: 18px;\r\n    text-shadow: 2px 2px 0px #000000;\r\n    letter-spacing: 1px;\r\n    word-break: break-all; \/* Agar teks panjang tidak merusak tombol di HP *\/\r\n    line-height: 1.2;\r\n  }\r\n\r\n  \/* --- KOTAK IKON COPY --- *\/\r\n  .matt-copy-icon-box {\r\n    background: #FFD700; \/* Kuning *\/\r\n    border: 3px solid #000000;\r\n    border-radius: 10px;\r\n    padding: 8px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-shrink: 0;\r\n    box-shadow: inset -2px -2px 0px rgba(0,0,0,0.2);\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .matt-copy-icon-box svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    fill: none;\r\n    stroke: #000000;\r\n    stroke-width: 3px;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n<\/style>\r\n\r\n<button class=\"matt-standalone-ca-btn\" onclick=\"copyMyCA()\">\r\n  \r\n  <div class=\"matt-ca-text-container\">\r\n    <span class=\"matt-ca-title\">CONTRACT ADDRESS:<\/span>\r\n    <span class=\"matt-ca-string\" id=\"the-ca-text\">NULL<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"matt-copy-icon-box\" id=\"the-copy-icon\">\r\n    <svg viewBox=\"0 0 24 24\">\r\n      <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect>\r\n      <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n<\/button>\r\n\r\n<script>\r\n  function copyMyCA() {\r\n    var caTextElement = document.getElementById(\"the-ca-text\");\r\n    var iconBoxElement = document.getElementById(\"the-copy-icon\");\r\n    \r\n    \/\/ Ambil text CA-nya\r\n    var caToCopy = \"0x1234567890abcdef1234567890abcdef12345678\"; \/\/ Pastikan ini sama dengan CA aslimu\r\n\r\n    navigator.clipboard.writeText(caToCopy).then(function() {\r\n      \/\/ Efek visual saat berhasil di-copy\r\n      var originalText = caTextElement.innerText;\r\n      \r\n      caTextElement.innerText = \"COPIED TO CLIPBOARD!\";\r\n      caTextElement.style.color = \"#FFD700\"; \/\/ Teks berubah kuning\r\n      iconBoxElement.style.background = \"#4CAF50\"; \/\/ Ikon berubah hijau\r\n      \r\n      \/\/ Kembali ke semula setelah 2 detik\r\n      setTimeout(function() {\r\n        caTextElement.innerText = originalText;\r\n        caTextElement.style.color = \"#FFFFFF\";\r\n        iconBoxElement.style.background = \"#FFD700\";\r\n      }, 2000);\r\n    }).catch(function(err) {\r\n      console.error('Gagal copy: ', err);\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\t\t<div class=\"elementor-element elementor-element-d75ffa4 elementor-widget elementor-widget-image\" data-id=\"d75ffa4\" 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=\"739\" height=\"876\" src=\"https:\/\/mattfurry.fun\/wp-content\/uploads\/2026\/04\/Asset-5.png\" class=\"attachment-large size-large wp-image-19\" alt=\"\" srcset=\"https:\/\/mattfurry.fun\/wp-content\/uploads\/2026\/04\/Asset-5.png 739w, https:\/\/mattfurry.fun\/wp-content\/uploads\/2026\/04\/Asset-5-253x300.png 253w\" sizes=\"(max-width: 739px) 100vw, 739px\" \/>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3aba975 e-con-full e-flex e-con e-parent\" data-id=\"3aba975\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21b0753 elementor-widget elementor-widget-html\" data-id=\"21b0753\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* --- KOTAK UTAMA MARQUEE --- *\/\r\n  .matt-marquee-wrapper {\r\n    background-color: #1E90FF; \/* Background Biru *\/\r\n    border-top: 4px solid #000000; \/* Border atas hitam *\/\r\n    border-bottom: 4px solid #000000; \/* Border bawah hitam *\/\r\n    overflow: hidden; \/* Sembunyikan teks yang keluar layar *\/\r\n    display: flex;\r\n    width: 100%;\r\n    padding: 15px 0; \/* Jarak atas bawah teks *\/\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    box-shadow: 0px 8px 0px rgba(0,0,0,1); \/* Opsional: Shadow kaku di bawah border *\/\r\n  }\r\n\r\n  \/* --- TRACK TEKS (Yang dianimasikan) --- *\/\r\n  .matt-marquee-track {\r\n    display: flex;\r\n    white-space: nowrap;\r\n    animation: mattSmoothScroll 10s linear infinite; \/* Kecepatan loop (10 detik) *\/\r\n  }\r\n\r\n  \/* --- STYLING TEKS --- *\/\r\n  .matt-marquee-text {\r\n    font-family: 'Luckiest Guy', cursive;\r\n    font-size: 36px;\r\n    color: #FFFFFF; \/* Warna teks putih *\/\r\n    text-shadow: 3px 3px 0px #000000; \/* Shadow hitam kaku *\/\r\n    letter-spacing: 3px;\r\n    padding-right: 50px; \/* Jarak antar tulisan \"MATT FURRY\" *\/\r\n  }\r\n\r\n  \/* --- KEYFRAME ANIMASI --- *\/\r\n  @keyframes mattSmoothScroll {\r\n    0% {\r\n      transform: translateX(0);\r\n    }\r\n    100% {\r\n      transform: translateX(-100%);\r\n    }\r\n  }\r\n\r\n  \/* --- RESPONSIVE MOBILE --- *\/\r\n  @media (max-width: 768px) {\r\n    .matt-marquee-wrapper {\r\n      padding: 10px 0;\r\n    }\r\n    .matt-marquee-text {\r\n      font-size: 24px;\r\n      padding-right: 30px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"matt-marquee-wrapper\">\r\n  \r\n  <div class=\"matt-marquee-track\">\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"matt-marquee-track\">\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4af0326 e-con-full e-flex e-con e-parent\" data-id=\"4af0326\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f9efe3 elementor-widget elementor-widget-html\" data-id=\"8f9efe3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comic+Neue:wght@700&family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* --- WRAPPER SECTION ABOUT --- *\/\r\n  .matt-about-section {\r\n    background-color: transparent; \/* Background transparan *\/\r\n    max-width: 900px; \/* Lebar maksimal konten *\/\r\n    margin: 0 auto;\r\n    padding: 80px 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 40px; \/* Jarak antara video dan teks *\/\r\n    font-family: 'Comic Neue', cursive;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* --- KARTU VIDEO (BINGKAI KOMIK) --- *\/\r\n  .matt-about-video-frame {\r\n    background: #FFD700; \/* Warna frame kuning *\/\r\n    border: 4px solid #000000;\r\n    border-radius: 24px;\r\n    padding: 16px; \/* Ketebalan frame *\/\r\n    box-shadow: 12px 12px 0px #000000; \/* Shadow kaku hitam *\/\r\n    transform: rotate(-1deg); \/* Efek miring sedikit ala komik *\/\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n\r\n  .matt-about-video-frame:hover {\r\n    transform: rotate(0deg) translateY(-5px);\r\n    box-shadow: 16px 16px 0px #000000;\r\n  }\r\n\r\n  \/* Element Video di Dalam Bingkai *\/\r\n  .matt-about-video-frame video {\r\n    width: 100%;\r\n    height: auto;\r\n    border: 4px solid #000000;\r\n    border-radius: 12px;\r\n    display: block; \/* Menghilangkan gap bawah bawaan html *\/\r\n    background-color: #000000; \/* Warna dasar jika video loading *\/\r\n  }\r\n\r\n  \/* --- KARTU KONTEN ABOUT --- *\/\r\n  .matt-about-content-card {\r\n    background: #FFFFFF; \/* Warna dasar konten putih *\/\r\n    border: 4px solid #000000;\r\n    border-radius: 24px;\r\n    padding: 40px;\r\n    box-shadow: 12px 12px 0px #1E90FF; \/* Shadow biru terang *\/\r\n    transform: rotate(1deg); \/* Miring kebalikan dari video *\/\r\n    position: relative;\r\n  }\r\n\r\n  \/* Ornamen Pin\/Selotip (Opsional untuk estetika komik) *\/\r\n  .matt-about-content-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -15px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 60px;\r\n    height: 20px;\r\n    background-color: rgba(0, 0, 0, 0.1);\r\n    border: 2px solid #000000;\r\n    background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(0,0,0,0.1) 5px, rgba(0,0,0,0.1) 10px);\r\n  }\r\n\r\n  \/* --- TYPOGRAPHY KONTEN --- *\/\r\n  .matt-about-heading {\r\n    font-family: 'Luckiest Guy', cursive;\r\n    font-size: 42px;\r\n    color: #1E90FF; \/* Teks Biru *\/\r\n    text-shadow: 3px 3px 0px #000000;\r\n    margin-top: 0;\r\n    margin-bottom: 25px;\r\n    text-align: center;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  .matt-about-text {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #000000;\r\n    line-height: 1.6;\r\n    margin-bottom: 20px;\r\n    text-align: justify;\r\n  }\r\n\r\n  .matt-about-text:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  \/* --- RESPONSIVE MOBILE --- *\/\r\n  @media (max-width: 768px) {\r\n    .matt-about-section {\r\n      padding: 20px 15px;\r\n      gap: 30px;\r\n    }\r\n\r\n    .matt-about-video-frame {\r\n      padding: 10px;\r\n      border-width: 3px;\r\n      border-radius: 16px;\r\n      box-shadow: 8px 8px 0px #000000;\r\n    }\r\n\r\n    .matt-about-video-frame video {\r\n      border-width: 3px;\r\n      border-radius: 8px;\r\n    }\r\n\r\n    .matt-about-content-card {\r\n      padding: 25px 20px;\r\n      border-width: 3px;\r\n      border-radius: 16px;\r\n      box-shadow: 8px 8px 0px #1E90FF;\r\n    }\r\n\r\n    .matt-about-heading {\r\n      font-size: 32px;\r\n      text-shadow: 2px 2px 0px #000000;\r\n    }\r\n\r\n    .matt-about-text {\r\n      font-size: 16px;\r\n      text-align: left; \/* Teks rata kiri lebih nyaman dibaca di HP *\/\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"matt-about-section\">\r\n  \r\n  <div class=\"matt-about-video-frame\">\r\n    <video autoplay muted loop playsinline>\r\n      <source src=\"http:\/\/mattfurry.fun\/wp-content\/uploads\/2026\/04\/MATT-FURRY-BG1.mp4\" type=\"video\/mp4\">\r\n      Your browser does not support the video tag.\r\n    <\/video>\r\n  <\/div>\r\n\r\n  <div class=\"matt-about-content-card\">\r\n    <h2 class=\"matt-about-heading\">WHO IS MATT FURRY?<\/h2>\r\n    \r\n    <p class=\"matt-about-text\">\r\n      Look at that smile. That is the smile of a man who hasn't blinked since 2005. Meet Matt Furry. He's not just an artist; he's a lifestyle. Armed with his lucky plaid shirt, a pearl necklace, and a sketchbook full of absolute madness, Matt is the mastermind behind the internet's weirdest, most lovable creatures.\r\n    <\/p>\r\n    \r\n    <p class=\"matt-about-text\">\r\n      He is the spiritual cousin of every strange doodle you ever drew in the back of your math notebook. While the rest of the world is busy stressing out, Matt is just sitting at his desk, grinning endlessly, drawing frogs, monsters, and misfits.\r\n    <\/p>\r\n\r\n    <p class=\"matt-about-text\">\r\n      He doesn\u2019t follow the rules of art. He barely follows the laws of physics. He just creates.\r\n    <\/p>\r\n  <\/div>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10ab42e e-con-full e-flex e-con e-parent\" data-id=\"10ab42e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13ab9d8 elementor-widget elementor-widget-html\" data-id=\"13ab9d8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comic+Neue:wght@700&family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* --- WRAPPER SECTION --- *\/\r\n  .matt-works-section {\r\n    background-color: transparent; \/* Sesuai permintaan *\/\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 50px;\r\n    font-family: 'Comic Neue', cursive;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* --- KOLOM KIRI (KONTEN) --- *\/\r\n  .matt-works-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n\r\n  .matt-works-heading {\r\n    font-family: 'Luckiest Guy', cursive;\r\n    font-size: 46px;\r\n    color: #FFD700; \/* Kuning terang *\/\r\n    text-shadow: 3px 3px 0px #000000;\r\n    margin: 0 0 10px 0;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* Kartu Individual untuk setiap karya *\/\r\n  .matt-work-card {\r\n    background: #FFFFFF;\r\n    border: 4px solid #000000;\r\n    border-radius: 20px;\r\n    padding: 25px;\r\n    box-shadow: 8px 8px 0px #1E90FF; \/* Shadow biru *\/\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n  }\r\n\r\n  .matt-work-card:hover {\r\n    transform: translateX(10px) translateY(-5px);\r\n    box-shadow: 12px 12px 0px #000000; \/* Berubah jadi bayangan hitam saat di-hover *\/\r\n  }\r\n\r\n  .matt-work-number {\r\n    font-family: 'Luckiest Guy', cursive;\r\n    position: absolute;\r\n    top: -15px;\r\n    left: -15px;\r\n    background: #FFD700;\r\n    color: #000;\r\n    width: 45px;\r\n    height: 45px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 24px;\r\n    border: 3px solid #000;\r\n    border-radius: 50%;\r\n    box-shadow: 4px 4px 0px #000;\r\n    transform: rotate(-10deg);\r\n  }\r\n\r\n  .matt-work-title {\r\n    font-family: 'Luckiest Guy', cursive;\r\n    font-size: 24px;\r\n    color: #000000;\r\n    margin: 0 0 10px 15px; \/* Margin kiri agar tidak menabrak nomor *\/\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .matt-work-desc {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #333333;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* --- KOLOM KANAN (GAMBAR) --- *\/\r\n  .matt-works-image-wrapper {\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .matt-works-img {\r\n    max-width: 100%;\r\n    height: auto;\r\n\r\n    transform: rotate(2deg); \/* Miring sedikit *\/\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .matt-works-img:hover {\r\n    transform: rotate(-1deg) scale(1.02);\r\n  }\r\n\r\n  \/* --- RESPONSIVE MOBILE --- *\/\r\n  @media (max-width: 900px) {\r\n    .matt-works-section {\r\n      flex-direction: column-reverse; \/* Di HP, Gambar di atas, teks di bawah *\/\r\n      padding: 40px 15px;\r\n      gap: 40px;\r\n    }\r\n\r\n    .matt-works-heading {\r\n      font-size: 36px;\r\n      text-align: center;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .matt-works-image-wrapper {\r\n      width: 100%;\r\n      padding: 0 10px;\r\n    }\r\n\r\n    .matt-works-img {\r\n      box-shadow: 10px 10px 0px #000000;\r\n    }\r\n\r\n    .matt-work-card {\r\n      padding: 20px;\r\n      border-width: 3px;\r\n      box-shadow: 6px 6px 0px #1E90FF;\r\n    }\r\n\r\n    .matt-work-title {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .matt-work-desc {\r\n      font-size: 16px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"matt-works-section\">\r\n  \r\n  <div class=\"matt-works-content\">\r\n    <h2 class=\"matt-works-heading\">THE MASTERPIECES<\/h2>\r\n    \r\n    <div class=\"matt-work-card\">\r\n      <div class=\"matt-work-number\">1<\/div>\r\n      <h3 class=\"matt-work-title\">PEPE THE FROG<\/h3>\r\n      <p class=\"matt-work-desc\">The undisputed king of the internet. What started as a chill, peace-loving amphibian in a comic strip evolved into the most recognizable symbol of internet culture. Feels good, man.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"matt-work-card\">\r\n      <div class=\"matt-work-number\">2<\/div>\r\n      <h3 class=\"matt-work-title\">BOY'S CLUB<\/h3>\r\n      <p class=\"matt-work-desc\">The legendary comic that started the madness. A surreal masterpiece of slacker culture featuring four monster roommates just trying to navigate life, pizza, and video games.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"matt-work-card\">\r\n      <div class=\"matt-work-number\">3<\/div>\r\n      <h3 class=\"matt-work-title\">THE NIGHT RIDERS<\/h3>\r\n      <p class=\"matt-work-desc\">A beautiful, wordless journey into the weirdest corners of Matt's mind. It proves he isn't just a meme creator; he is a genius of bizarre, unsettling, and wonderful art.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"matt-works-image-wrapper\">\r\n    <img decoding=\"async\" src=\"http:\/\/mattfurry.fun\/wp-content\/uploads\/2026\/04\/Asset-8.png\" alt=\"Matt Furry Masterpieces\" class=\"matt-works-img\">\r\n  <\/div>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d80e624 e-con-full e-flex e-con e-parent\" data-id=\"d80e624\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9f1ddd elementor-widget elementor-widget-html\" data-id=\"e9f1ddd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comic+Neue:wght@700&family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* --- WRAPPER SECTION TOKENOMICS --- *\/\r\n  .matt-tkn-section {\r\n    background-color: transparent;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    font-family: 'Comic Neue', cursive;\r\n    box-sizing: border-box;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* --- JUDUL SECTION --- *\/\r\n  .matt-tkn-heading {\r\n    font-family: 'Luckiest Guy', cursive;\r\n    font-size: 48px;\r\n    color: #1E90FF; \/* Biru terang *\/\r\n    text-shadow: 4px 4px 0px #000000;\r\n    margin: 0 0 40px 0;\r\n    letter-spacing: 3px;\r\n  }\r\n\r\n  \/* --- GRID LAYOUT --- *\/\r\n  .matt-tkn-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n  }\r\n\r\n  \/* --- STYLING KARTU UMUM --- *\/\r\n  .matt-tkn-card {\r\n    border: 4px solid #000000;\r\n    border-radius: 24px;\r\n    padding: 30px 20px;\r\n    box-shadow: 10px 10px 0px #000000;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Efek Bevel Dalam *\/\r\n  .matt-tkn-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    border-radius: 20px;\r\n    box-shadow: inset 3px 3px 8px rgba(255,255,255,0.3), inset -3px -3px 8px rgba(0,0,0,0.2);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Rotasi Unik Tiap Kartu *\/\r\n  .matt-tkn-card:nth-child(1) { transform: rotate(-2deg); background-color: #1E90FF; } \/* Biru *\/\r\n  .matt-tkn-card:nth-child(2) { transform: rotate(2deg); background-color: #FFD700; } \/* Kuning *\/\r\n  .matt-tkn-card:nth-child(3) { transform: rotate(-1deg); background-color: #FF4D4D; } \/* Merah *\/\r\n\r\n  \/* Efek Hover *\/\r\n  .matt-tkn-card:hover {\r\n    transform: translateY(-8px) rotate(0deg);\r\n    box-shadow: 14px 14px 0px #000000;\r\n    filter: brightness(1.05);\r\n  }\r\n\r\n  \/* --- IKON SVG --- *\/\r\n  .matt-tkn-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    margin-bottom: 15px;\r\n    fill: none;\r\n    stroke: #000000; \/* Garis ikon hitam *\/\r\n    stroke-width: 2.5px;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    filter: drop-shadow(3px 3px 0px rgba(0,0,0,0.3));\r\n  }\r\n\r\n  .matt-tkn-card:nth-child(2) .matt-tkn-icon {\r\n    stroke-width: 3px; \/* Ikon di kartu kuning lebih tebal sedikit *\/\r\n  }\r\n\r\n  \/* --- TEKS DALAM KARTU --- *\/\r\n  .matt-tkn-value {\r\n    font-family: 'Luckiest Guy', cursive;\r\n    font-size: 36px;\r\n    margin: 0 0 5px 0;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  \/* Warna Teks Disesuaikan Tiap Kartu agar Kontras *\/\r\n  .matt-tkn-card:nth-child(1) .matt-tkn-value, \r\n  .matt-tkn-card:nth-child(3) .matt-tkn-value {\r\n    color: #FFFFFF;\r\n    text-shadow: 3px 3px 0px #000000;\r\n  }\r\n  \r\n  .matt-tkn-card:nth-child(2) .matt-tkn-value {\r\n    color: #000000;\r\n    text-shadow: 2px 2px 0px #FFFFFF;\r\n  }\r\n\r\n  .matt-tkn-label {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .matt-tkn-card:nth-child(1) .matt-tkn-label, \r\n  .matt-tkn-card:nth-child(3) .matt-tkn-label {\r\n    color: #000000;\r\n    background-color: #FFFFFF;\r\n    padding: 4px 12px;\r\n    border: 2px solid #000000;\r\n    border-radius: 12px;\r\n    box-shadow: 2px 2px 0px #000000;\r\n  }\r\n\r\n  .matt-tkn-card:nth-child(2) .matt-tkn-label {\r\n    color: #FFFFFF;\r\n    background-color: #000000;\r\n    padding: 4px 12px;\r\n    border: 2px solid #000000;\r\n    border-radius: 12px;\r\n    box-shadow: 2px 2px 0px #FFFFFF;\r\n  }\r\n\r\n  \/* --- RESPONSIVE MOBILE --- *\/\r\n  @media (max-width: 850px) {\r\n    .matt-tkn-grid {\r\n      grid-template-columns: 1fr; \/* Jadi satu kolom ke bawah di HP *\/\r\n      gap: 25px;\r\n      padding: 0 15px;\r\n    }\r\n\r\n    .matt-tkn-heading {\r\n      font-size: 38px;\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .matt-tkn-card {\r\n      padding: 25px 15px;\r\n      transform: rotate(0deg) !important; \/* Hilangkan miring di HP agar rapi *\/\r\n      box-shadow: 8px 8px 0px #000000;\r\n    }\r\n\r\n    .matt-tkn-card:hover {\r\n      transform: translateY(-5px) !important;\r\n      box-shadow: 10px 10px 0px #000000;\r\n    }\r\n\r\n    .matt-tkn-value {\r\n      font-size: 32px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"matt-tkn-section\">\r\n  \r\n  <h2 class=\"matt-tkn-heading\">TOKENOMICS<\/h2>\r\n  \r\n  <div class=\"matt-tkn-grid\">\r\n    \r\n    <div class=\"matt-tkn-card\">\r\n      <svg class=\"matt-tkn-icon\" viewBox=\"0 0 24 24\">\r\n        <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n        <path d=\"M12 7v10\"><\/path>\r\n        <path d=\"M9 10h6\"><\/path>\r\n        <path d=\"M9 14h6\"><\/path>\r\n      <\/svg>\r\n      <h3 class=\"matt-tkn-value\">1 BILLION<\/h3>\r\n      <p class=\"matt-tkn-label\">Total Supply<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"matt-tkn-card\">\r\n      <svg class=\"matt-tkn-icon\" viewBox=\"0 0 24 24\">\r\n        <line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"><\/line>\r\n        <circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\"><\/circle>\r\n        <circle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"><\/circle>\r\n      <\/svg>\r\n      <h3 class=\"matt-tkn-value\">0 \/ 0<\/h3>\r\n      <p class=\"matt-tkn-label\">Taxes<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"matt-tkn-card\">\r\n      <svg class=\"matt-tkn-icon\" viewBox=\"0 0 24 24\">\r\n        <path d=\"M12 2c0 0-5.5 5.5-5.5 11.5a5.5 5.5 0 0 0 11 0C17.5 7.5 12 2 12 2z\"><\/path>\r\n        <path d=\"M12 22a3.5 3.5 0 0 1-3.5-3.5c0-1.5 1.5-3.5 3.5-5.5 2 2 3.5 4 3.5 5.5A3.5 3.5 0 0 1 12 22z\" fill=\"#000000\" stroke=\"none\"><\/path>\r\n      <\/svg>\r\n      <h3 class=\"matt-tkn-value\">BURNED<\/h3>\r\n      <p class=\"matt-tkn-label\">Liquidity Pool<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2133d9 elementor-widget elementor-widget-image\" data-id=\"a2133d9\" data-element_type=\"widget\" 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=\"1024\" height=\"867\" src=\"https:\/\/mattfurry.fun\/wp-content\/uploads\/2026\/04\/Asset-6-1024x867.png\" class=\"attachment-large size-large wp-image-22\" alt=\"\" srcset=\"https:\/\/mattfurry.fun\/wp-content\/uploads\/2026\/04\/Asset-6-1024x867.png 1024w, https:\/\/mattfurry.fun\/wp-content\/uploads\/2026\/04\/Asset-6-300x254.png 300w, https:\/\/mattfurry.fun\/wp-content\/uploads\/2026\/04\/Asset-6-768x650.png 768w, https:\/\/mattfurry.fun\/wp-content\/uploads\/2026\/04\/Asset-6.png 1134w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\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-682502f e-con-full e-flex e-con e-parent\" data-id=\"682502f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3a5595 elementor-widget elementor-widget-html\" data-id=\"e3a5595\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* --- KOTAK UTAMA MARQUEE --- *\/\r\n  .matt-marquee-wrapper {\r\n    background-color: #1E90FF; \/* Background Biru *\/\r\n    border-top: 4px solid #000000; \/* Border atas hitam *\/\r\n    border-bottom: 4px solid #000000; \/* Border bawah hitam *\/\r\n    overflow: hidden; \/* Sembunyikan teks yang keluar layar *\/\r\n    display: flex;\r\n    width: 100%;\r\n    padding: 15px 0; \/* Jarak atas bawah teks *\/\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    box-shadow: 0px 8px 0px rgba(0,0,0,1); \/* Opsional: Shadow kaku di bawah border *\/\r\n  }\r\n\r\n  \/* --- TRACK TEKS (Yang dianimasikan) --- *\/\r\n  .matt-marquee-track {\r\n    display: flex;\r\n    white-space: nowrap;\r\n    animation: mattSmoothScroll 10s linear infinite; \/* Kecepatan loop (10 detik) *\/\r\n  }\r\n\r\n  \/* --- STYLING TEKS --- *\/\r\n  .matt-marquee-text {\r\n    font-family: 'Luckiest Guy', cursive;\r\n    font-size: 36px;\r\n    color: #FFFFFF; \/* Warna teks putih *\/\r\n    text-shadow: 3px 3px 0px #000000; \/* Shadow hitam kaku *\/\r\n    letter-spacing: 3px;\r\n    padding-right: 50px; \/* Jarak antar tulisan \"MATT FURRY\" *\/\r\n  }\r\n\r\n  \/* --- KEYFRAME ANIMASI --- *\/\r\n  @keyframes mattSmoothScroll {\r\n    0% {\r\n      transform: translateX(0);\r\n    }\r\n    100% {\r\n      transform: translateX(-100%);\r\n    }\r\n  }\r\n\r\n  \/* --- RESPONSIVE MOBILE --- *\/\r\n  @media (max-width: 768px) {\r\n    .matt-marquee-wrapper {\r\n      padding: 10px 0;\r\n    }\r\n    .matt-marquee-text {\r\n      font-size: 24px;\r\n      padding-right: 30px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"matt-marquee-wrapper\">\r\n  \r\n  <div class=\"matt-marquee-track\">\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"matt-marquee-track\">\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n    <div class=\"matt-marquee-text\">MATT FURRY<\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0dd6390 e-con-full e-flex e-con e-parent\" data-id=\"0dd6390\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21a0d23 elementor-widget elementor-widget-html\" data-id=\"21a0d23\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comic+Neue:wght@700&family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* --- WRAPPER SECTION JOIN --- *\/\r\n  .matt-join-section {\r\n    background-color: transparent;\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    padding: 120px 20px;\r\n    font-family: 'Comic Neue', cursive;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* --- KARTU UTAMA --- *\/\r\n  .matt-join-card {\r\n    background: #1E90FF; \/* Biru Terang *\/\r\n    border: 6px solid #000000;\r\n    border-radius: 30px;\r\n    padding: 60px 40px;\r\n    text-align: center;\r\n    box-shadow: 16px 16px 0px #000000;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transform: rotate(1deg); \/* Miring sedikit agar dinamis *\/\r\n    transition: transform 0.3s ease;\r\n    width: 100%;\r\n  }\r\n\r\n  .matt-join-card:hover {\r\n    transform: rotate(0deg) translateY(-5px);\r\n    box-shadow: 20px 20px 0px #000000;\r\n  }\r\n\r\n  \/* Efek Bevel Dalam *\/\r\n  .matt-join-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    border-radius: 24px;\r\n    box-shadow: inset 4px 4px 10px rgba(255,255,255,0.3), inset -4px -4px 10px rgba(0,0,0,0.2);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* --- JUDUL SUPER BESAR --- *\/\r\n  .matt-join-heading {\r\n    font-family: 'Luckiest Guy', cursive;\r\n    font-size: 80px; \/* Ukuran sangat besar *\/\r\n    color: #FFD700; \/* Teks Kuning *\/\r\n    text-shadow: 6px 6px 0px #000000; \/* Shadow kaku dan tebal *\/\r\n    margin: 0 0 20px 0;\r\n    line-height: 1.1;\r\n    letter-spacing: 4px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* --- TEKS DESKRIPSI --- *\/\r\n  .matt-join-text {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: #FFFFFF;\r\n    text-shadow: 2px 2px 0px #000000;\r\n    margin: 0 auto 40px auto;\r\n    max-width: 700px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* --- TOMBOL JOIN --- *\/\r\n  .matt-join-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    background-color: #FFD700; \/* Tombol Kuning *\/\r\n    color: #000000 !important;\r\n    text-decoration: none !important;\r\n    font-family: 'Luckiest Guy', cursive;\r\n    font-size: 22px;\r\n    padding: 15px 40px;\r\n    border: 5px solid #000000;\r\n    border-radius: 50px;\r\n    box-shadow: 8px 8px 0px #000000;\r\n    transition: all 0.2s ease;\r\n    letter-spacing: 2px;\r\n    z-index: 2;\r\n    position: relative;\r\n  }\r\n\r\n  .matt-join-btn:hover {\r\n    transform: translateY(-4px) translateX(-4px);\r\n    box-shadow: 12px 12px 0px #000000;\r\n    background-color: #ffeb3b;\r\n  }\r\n\r\n  .matt-join-btn:active {\r\n    transform: translateY(2px) translateX(2px);\r\n    box-shadow: 2px 2px 0px #000000;\r\n  }\r\n\r\n\r\n  \/* --- RESPONSIVE MOBILE --- *\/\r\n  @media (max-width: 850px) {\r\n    .matt-join-section {\r\n      padding: 40px 15px;\r\n    }\r\n    \r\n    .matt-join-card {\r\n      padding: 40px 20px;\r\n      border-width: 4px;\r\n      box-shadow: 10px 10px 0px #000000;\r\n      transform: rotate(0deg);\r\n    }\r\n\r\n    .matt-join-heading {\r\n      font-size: 48px; \/* Dikecilkan untuk HP agar tidak tumpah *\/\r\n      text-shadow: 4px 4px 0px #000000;\r\n      letter-spacing: 2px;\r\n    }\r\n\r\n    .matt-join-text {\r\n      font-size: 18px;\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .matt-join-btn {\r\n      font-size: 24px;\r\n      padding: 12px 25px;\r\n      border-width: 4px;\r\n      box-shadow: 6px 6px 0px #000000;\r\n      flex-direction: column; \/* Ikon dan teks ke bawah di layar kecil *\/\r\n      gap: 5px;\r\n      border-radius: 25px;\r\n    }\r\n\r\n    .matt-join-btn svg {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"matt-join-section\">\r\n  <div class=\"matt-join-card\">\r\n    \r\n    <h2 class=\"matt-join-heading\">JOIN THE BOY'S CLUB<\/h2>\r\n    \r\n    <p class=\"matt-join-text\">\r\n      The studio door is always open. Whether you are a creative genius, a professional slacker, or just here for the memes, there's a spot for you at Matt's drawing table!\r\n    <\/p>\r\n\r\n    <a href=\"#\" class=\"matt-join-btn\" target=\"_blank\">\r\n      <span>JOIN WITH $MATT<\/span>\r\n  \r\n    <\/a>\r\n    \r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e24cd4b e-con-full e-flex e-con e-parent\" data-id=\"e24cd4b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f71dd6 elementor-widget elementor-widget-html\" data-id=\"8f71dd6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comic+Neue:wght@700&family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* --- WRAPPER FOOTER --- *\/\r\n  .matt-footer-section {\r\n    background-color: #1E90FF; \/* Background Biru Terang *\/\r\n    border-top: 6px solid #000000; \/* Garis batas tegas di atas *\/\r\n    padding: 60px 20px 40px 20px;\r\n    font-family: 'Comic Neue', cursive;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* --- EFEK POLA BACKGROUND (Opsional, agar tidak terlalu sepi) --- *\/\r\n  .matt-footer-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background-image: radial-gradient(#000000 15%, transparent 16%);\r\n    background-size: 20px 20px;\r\n    opacity: 0.05; \/* Pola polkadot transparan ala komik *\/\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* --- LOGO FOOTER --- *\/\r\n  .matt-footer-logo {\r\n    font-family: 'Luckiest Guy', cursive;\r\n    font-size: 56px;\r\n    color: #FFD700; \/* Kuning *\/\r\n    text-decoration: none;\r\n    text-shadow: 4px 4px 0px #000000;\r\n    margin-bottom: 10px;\r\n    letter-spacing: 3px;\r\n    z-index: 2;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .matt-footer-logo:hover {\r\n    transform: scale(1.05) rotate(-2deg);\r\n  }\r\n\r\n  \/* --- TEKS COPYRIGHT \/ MOTTO --- *\/\r\n  .matt-footer-text {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #FFFFFF;\r\n    text-shadow: 2px 2px 0px #000000;\r\n    margin: 0 0 30px 0;\r\n    max-width: 600px;\r\n    z-index: 2;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  \/* --- SOSIAL MEDIA CONTAINER --- *\/\r\n  .matt-footer-socials {\r\n    display: flex;\r\n    gap: 20px;\r\n    z-index: 2;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  \/* Tombol Sosial Media *\/\r\n  .matt-social-btn {\r\n    background-color: #FFD700;\r\n    border: 4px solid #000000;\r\n    border-radius: 16px;\r\n    width: 60px;\r\n    height: 60px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    box-shadow: 6px 6px 0px #000000;\r\n    transition: all 0.2s ease;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .matt-social-btn:hover {\r\n    transform: translateY(-4px) translateX(-2px);\r\n    box-shadow: 10px 10px 0px #000000;\r\n    background-color: #ffeb3b;\r\n  }\r\n\r\n  .matt-social-btn:active {\r\n    transform: translateY(2px) translateX(2px);\r\n    box-shadow: 2px 2px 0px #000000;\r\n  }\r\n\r\n  .matt-social-btn svg {\r\n    width: 30px;\r\n    height: 30px;\r\n    fill: none;\r\n    stroke: #000000;\r\n    stroke-width: 2.5px;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  \/* Ikon Khusus Twitter (Fill) *\/\r\n  .matt-social-btn .icon-fill {\r\n    fill: #000000;\r\n    stroke: none;\r\n  }\r\n\r\n  \/* --- COPYRIGHT BAWAH --- *\/\r\n  .matt-footer-bottom {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #000000;\r\n    margin: 0;\r\n    z-index: 2;\r\n    background-color: #FFFFFF;\r\n    padding: 5px 15px;\r\n    border: 2px solid #000000;\r\n    border-radius: 20px;\r\n    box-shadow: 3px 3px 0px #000000;\r\n  }\r\n\r\n  \/* --- RESPONSIVE MOBILE --- *\/\r\n  @media (max-width: 600px) {\r\n    .matt-footer-section {\r\n      padding: 40px 15px 30px 15px;\r\n    }\r\n\r\n    .matt-footer-logo {\r\n      font-size: 42px;\r\n      text-shadow: 3px 3px 0px #000000;\r\n    }\r\n\r\n    .matt-footer-text {\r\n      font-size: 16px;\r\n      margin-bottom: 25px;\r\n    }\r\n\r\n    .matt-social-btn {\r\n      width: 50px;\r\n      height: 50px;\r\n      border-width: 3px;\r\n      box-shadow: 4px 4px 0px #000000;\r\n    }\r\n\r\n    .matt-social-btn svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    .matt-footer-bottom {\r\n      font-size: 14px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<footer class=\"matt-footer-section\">\r\n  \r\n  <a href=\"#\" class=\"matt-footer-logo\">$MATT<\/a>\r\n\r\n  <p class=\"matt-footer-text\">\r\n    \"Keep smiling, keep drawing.\"<br>\r\n    Join the madness and let's take over the internet together.\r\n  <\/p>\r\n\r\n  <div class=\"matt-footer-socials\">\r\n    <a href=\"#\" target=\"_blank\" class=\"matt-social-btn\" title=\"Twitter\">\r\n      <svg viewBox=\"0 0 24 24\" class=\"icon-fill\">\r\n        <path d=\"M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z\"><\/path>\r\n      <\/svg>\r\n    <\/a>\r\n    \r\n    <a href=\"#\" target=\"_blank\" class=\"matt-social-btn\" title=\"Telegram\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line>\r\n        <polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon>\r\n      <\/svg>\r\n    <\/a>\r\n    \r\n    <a href=\"#\" target=\"_blank\" class=\"matt-social-btn\" title=\"Chart\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\r\n      <\/svg>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <p class=\"matt-footer-bottom\">\u00a9 2026 MATT FURRY Studio. All Rights Reserved.<\/p>\r\n\r\n<\/footer>\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>$MATT X TG CHART Buy $MATT THE MASTERMIND BEHIND THE MEMES. CONTRACT ADDRESS: NULL MATT FURRY MATT FURRY MATT FURRY MATT FURRY MATT FURRY MATT FURRY MATT FURRY MATT FURRY MATT FURRY MATT FURRY MATT FURRY MATT FURRY Your browser does not support the video tag. WHO IS MATT FURRY? Look at that smile. That [&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:\/\/mattfurry.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mattfurry.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mattfurry.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mattfurry.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mattfurry.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":10,"href":"https:\/\/mattfurry.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/mattfurry.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/mattfurry.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}