<!DOCTYPE html>
<html lang="en">
<head>
  <link rel="icon" type="image/x-icon" href="/images/pizzalogo.png">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>The Pizza Edition</title>
    <link id="favicon" rel="icon" href="/jsload/favicon.js" type="image/x-icon">
    <script src="/jsload/favicon.js"></script>
    <script src="/jsload/panickey.js"></script>
    <script src="/jsload/confirmation.js"></script>
    <script src="/jsload/fpsCounter.js"></script>
    <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/css/style.css">
    <!-- Google tag (gtag.js) -->
    <script src="/analytics.js"></script>



    <style>
        .container {
            text-align: center;
        }

        .error-text {
            color: #f0d210;
            font-size: 7.6em;
            margin-top: -15vw;
            margin-bottom: 13vw;
        }

        .error-heading {
            color: #f0d210;
            font-size: 20.6em;
            margin-top: 7vw;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1 class="error-heading">404</h1>
        <ul class="error-text">
            <li>Page Not Found</li>

        </ul>
    </div>
    

  
</head>
<body>
  <div class="navbar">
      <div class="navbar-left">
          <a href="/index.html">
              <img src="/images/pizzalogo.png" alt="Site Logo" width="30" height="30">
          </a>
          <a href="/index.html">The Pizza Edition</a>
      </div>
      <div class="navbar-right">
          <a href="/popular">
              <img src="/images/whitefire.png" alt="Game Icon" style="width: 1.25vw; height: auto;">
              Popular
          </a>
          <a href="/g">
              <img src="/images/whitegame.png" alt="Game Icon" style="width: 1.302vw; height: auto;">
              Games
          </a>
          <a href="/apps">
              <img src="/images/whitenblocks.png" alt="App Icon" style="width: 1.302vw; height: auto;">
              Apps
          </a>
          <a href="/extra">
              <img src="/images/whitesearchs.png" alt="Search Icon" style="width: 1.302vw; height: auto;">
              Extras
          </a>
          <a href="/settings" class="navbar-img-link">
              <img src="/images/icons8-settings-288.png" alt="Settings Icon" style="width: 1.502vw; height: auto;">
          </a>
      </div>
  </div>
</body>
</html>






  <!--particlejs start -->
</head>
<body>
  <div id="particles-js"></div>


  <script src="/jsload/particle-load.js"></script>


  <script src="/jsload/particlejsscript.js"></script>
</body>
</html>

  <!--particlejs end -->


  <style>

</style>
</head>
<body>
<script>document.addEventListener('DOMContentLoaded', function () {
    const counters = document.querySelectorAll('.toph1');
    const speed = 200; // Adjust speed here
    const updateInterval = 20; // Adjust for smoother animation

    const animateCounters = () => {
        counters.forEach(counter => {
            const updateCount = () => {
                const target = +counter.getAttribute('data-target');
                const count = +counter.innerText;
                const increment = target / speed;

                if (count < target) {
                    counter.innerText = Math.ceil(count + increment);
                    setTimeout(updateCount, updateInterval);
                } else {
                    counter.innerText = target.toLocaleString();
                }
            };

            updateCount();
        });
    };

    const isInViewport = (element) => {
        const rect = element.getBoundingClientRect();
        return (
            rect.top >= 0 &&
            rect.left >= 0 &&
            rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
            rect.right <= (window.innerWidth || document.documentElement.clientWidth)
        );
    };

    const checkScroll = () => {
        counters.forEach(counter => {
            if (isInViewport(counter)) {
                animateCounters();
                window.removeEventListener('scroll', checkScroll);
            }
        });
    };

    window.addEventListener('scroll', checkScroll);
});

  
  </script>


</head>
<body>

    <footer class="footer">
        <div class="left">
            <a href="index.html" class="logo-title">
                <div class="logo">
                    <img src="images/pizzalogo.png" alt="Website Logo">
                </div>
                <span class="title">The Pizza Edition</span>
            </a>
        </div>
        <div class="middle">
            <a href="index.html">Home</a>
            <a href="/popular">Popular</a>
            <a href="/all">All</a>
            <a href="/apps">Apps</a>
        </div>
        <div class="right">
            <a href="/contact">Contact Us</a>
            <a href="/privacy">Privacy Policy</a>
            <a href="https://discord.gg/vdABAxKBgm">Our Discord Server</a>
            <a href="/extra">Extras</a>
        </div>
    </footer>



  <!--strtscrollup -->
    <style>
    #scrollToTopContainer {
        display: none;
        position: fixed;
        bottom: 1.042vw;
        right: 1.042vw;
        z-index: 99;
    }

    #scrollToTop {
        background-color: #303030;
        padding: 0.521vw;
        border-radius: 1.042vw;
        cursor: pointer;
        transition: background-color 0.3s ease, border-color 0.3s ease;
        border: 0.104vw solid #303030; 
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #scrollToTop:hover {
        background-color: #222222;
        border-color: #f0d210; 
    }

    #scrollToTop img {
        width: 2.292vw; 
        height: auto;
        transition: transform 0.3s ease;
    }

    #scrollToTop:hover img {
        transform: translateY(-0.26vw); 
    }
</style>
<body>
    
    <div id="scrollToTopContainer">
        <div id="scrollToTop">
            <img src="/images/2xuparrw.png" alt="Scroll to Top">
        </div>
    </div>
    
    <script>
        window.onscroll = function() {scrollFunction()};
    
        function scrollFunction() {
            var scrollToTopContainer = document.getElementById("scrollToTopContainer");
            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                scrollToTopContainer.style.display = "block";
            } else {
                scrollToTopContainer.style.display = "none";
            }
        }
    
        document.getElementById("scrollToTop").addEventListener("click", function() {
            scrollToTop();
        });
    
        function scrollToTop() {
            var scrollStep = -window.scrollY / (350 / 15);
            var scrollInterval = setInterval(function() {
                if (window.scrollY != 0) {
                    window.scrollBy(0, scrollStep);
                } else {
                    clearInterval(scrollInterval);
                }
            }, 15);
        }
    </script>
    
    </body>
    </html>
      <!--endtscrollup -->



        
    <!-- FPS Counter -->
    <span id="fps">--</span>
    <script src="/jsload/fpsCheck.js"></script>

    <script async src="https://fundingchoicesmessages.google.com/i/pub-2550143154036518?ers=1"></script><script>(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();</script>