From 82708df6a1fc6157e81653bce744482318b1ba6f Mon Sep 17 00:00:00 2001
From: Mr-funkinguy <89234368+Mr-funkinguy@users.noreply.github.com>
Date: Tue, 3 Oct 2023 23:43:12 -0700
Subject: [PATCH] Add files via upload

---
 index.html | 5431 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 5431 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..578ef94
--- /dev/null
+++ b/index.html
@@ -0,0 +1,5431 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+
+
+
+<!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+  })(window,document,'script','dataLayer','GTM-P93VS8N5');</script>
+  <!-- End Google Tag Manager -->
+  <meta charset="UTF-8">
+
+
+     <!--link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"-->
+
+     <script src="https://cdn.jsdelivr.net/npm/appwrite@10.1.0"></script>
+     <script src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/AppWriteConfig.js"></script>
+
+     <!--Icons-->
+     <script src="https://kit.fontawesome.com/26f4207121.js" crossorigin="anonymous"></script>
+     <link rel="preload" href="https://fonts.googleapis.com/icon?family=Material+Icons" as="style" onload="this.onload=null;this.rel='stylesheet'">
+     
+     <!--ONESIGNAL PUSH-->
+     <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" defer></script>
+     <script>
+       window.OneSignal = window.OneSignal || [];
+       OneSignal.push(function() {
+         OneSignal.init({
+           appId: "08b63425-6f02-4ecb-ad79-8bb871e63518",
+           autoResubscribe: true, // This ensures the prompt shows again if dismissed
+
+           safari_web_id: "web.onesignal.auto.54d60a3d-c0d7-4ae1-b490-c29a9cfa7b70",
+           notifyButton: {
+             enable: false,
+           },
+           promptOptions: {
+              customlink: {
+                enabled: true, /* Required to use the Custom Link */
+                style: "button", /* Has value of 'button' or 'link' */
+                size: "medium", /* One of 'small', 'medium', or 'large' */
+                color: {
+                  button: '#2e2e2e', /* Color of the button background if style = "button" */
+                  text: 'white', /* Color of the prompt's text */
+                },
+                text: {
+                  subscribe: "Subscribe to push notifications", /* Prompt's text when not subscribed */
+                  unsubscribe: "Unsubscribe from push notifications", /* Prompt's text when subscribed */
+                  explanation: "Get updates about new games and known issues.", /* Optional text appearing before the prompt button */
+                },
+                unsubscribeEnabled: true, /* Controls whether the prompt is visible after subscription */
+              }
+            }
+         });
+       });
+            
+            
+     </script>
+
+<!-- Google tag (gtag.js) -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-C78TXR0XFK"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'G-C78TXR0XFK');
+</script>
+<script>
+  if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.register('service-worker.js');
+  }
+</script>
+
+<link rel="manifest" href="manifest.json">
+<link rel="icon" href="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/G2.png" type="image/png">
+
+<meta name="title" content="Sz Games">
+<meta name="author" content="Sz Games">
+<title>Sz Games</title>
+<meta name="revisit-after" content="1 days" />
+
+<link rel="apple-touch-startup-image" href="https://sz-games.github.io/launch.png">
+
+<meta name="apple-mobile-web-app-capable" content="yes">
+
+<meta property="og:image" content="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/G2.png" />
+
+<link rel="icon" href="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/G2.png">
+<meta name="description" content="The Best Place To Play over 100+ Games in school or at home."> 
+<meta property="og:site_name" content="Sz Games">
+
+<meta property="og:title" content="Sz Games">
+<meta name="description" property="og:description" content="The Best Place To Play over 100+ Games in school or at home."> 
+<meta content="website" property="og:type">
+<meta name="description" property="twitter:description" content="The Best Place To Play over 100+ Games in school or at home."> 
+
+<meta name="language" content="English">
+<script src="./GobalSettings.js"></script>
+
+<meta
+name="keywords"
+content="sz games, sz games unblocked, games, unblocked games, school, games, games to play, games on the web, html5 games, sz, sz-games, play games online,  online games"
+/> 
+<meta name="viewport" content="width=device-width, initial-scale=1">
+
+<script type="application/ld+json">
+  {
+      "@context": "http://schema.org",
+      "@type": "WebPage",
+      "name": "Sz Games",
+      "logo": "https://sz-games.github.io/G-Google.png"
+  }
+  </script>
+
+
+
+
+
+
+
+</head>
+
+<style>
+::-webkit-scrollbar-track-piece {
+ 
+  border-radius: 15px;
+}
+
+.bodyold {
+  background: linear-gradient(to bottom, #1d1d1d, #2f2f2f, rgb(58, 58, 58), #1d1d1d, #2f2f2f);
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-attachment: fixed;
+  font-family: Arial, Helvetica, sans-serif;
+  overflow-x: hidden;
+}
+
+body {
+  background: rgb(35, 35, 35);
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-attachment: fixed;
+  font-family: Arial, Helvetica, sans-serif;
+  overflow-x: hidden;
+}
+
+img {
+  
+  margin: 10px;
+position: relative;
+z-index: 1;
+}
+
+.btn-group button {
+  background-color: black; /* Green background */
+ 
+  color: white; /* White text */
+  padding: 10px 24px; /* Some padding */
+  cursor: pointer; /* Pointer/hand icon */
+  float: left; /* Float the buttons side by side */
+}
+
+/* Clear floats (clearfix hack) */
+.btn-group:after {
+  content: "";
+  clear: both;
+  display: table;
+}
+
+.btn-group button:not(:last-child) {
+  border-right: none; /* Prevent double borders */
+}
+
+/* Add a background color on hover */
+.btn-group button:hover {
+  background-color: grey;
+}
+
+/* Header/Logo Title */
+.header-halloween {
+  padding: 60px;
+  text-align: center;
+  background: linear-gradient(to bottom right, #ff7d31, rgb(39, 39, 39), rgb(39, 39, 39));
+  color: white;
+  width: auto;
+  font-size: 30px;
+  position: relative;
+z-index: 1;
+  font-family: Arial, Helvetica, sans-serif;
+  border-radius: 15px;
+}
+
+.header {
+  position: relative;
+z-index: 1;
+  padding: 60px;
+  text-align: center;
+  background: linear-gradient(to bottom right, #9a9a9a, rgb(39, 39, 39));
+  color: white;
+  width: auto;
+  font-size: 30px;
+ 
+  font-family: Arial, Helvetica, sans-serif;
+  border-radius: 15px;
+}
+
+/* Page Content */
+
+</style>
+
+
+<body>
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P93VS8N5"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
+
+<style>
+    .game {
+        position: absolute;
+color: white;
+
+  transform: scale(1.8);
+  z-index: 3;
+  font-family: Arial, Helvetica, sans-serif;
+    }
+    .fade {
+        position: absolute;
+        background: linear-gradient(to bottom, #1d1d1d, #1d1d1d5d, rgba(39, 39, 39, 0));
+        width: 300px;
+        height: 150px;
+     border-radius: 15px;
+    }
+
+
+
+
+*,
+*:before,
+*:after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+.container {
+  width: 85vw;
+  margin: 1rem auto;
+}
+
+
+.bg,
+.overlay {
+  text-align: center;
+}
+
+img,
+.overlay {
+  transition: .3s all;
+  border-radius: 3px;
+}
+
+.day {
+  font-family: Arial, Helvetica, sans-serif;
+  text-align: center;
+  color: white;
+  position: relative;
+z-index: 1;
+}
+
+.bubbles{
+  position: fixed;
+  width:100%;
+  height: 100%;
+  z-index: 0;
+  overflow:hidden;
+  top:0;
+  left:0;
+}
+.bubble{
+  position: absolute;
+  bottom:-100px;
+  width:40px;
+  height: 40px;
+  background: linear-gradient(to top right, #c68324, #bd0d0d5d);
+  border-radius:50%;
+  opacity:0.5;
+  animation: rise 10s infinite ease-in;
+}
+.bubble:nth-child(1){
+  width:40px;
+  height:40px;
+  left:10%;
+  animation-duration:8s;
+}
+.bubble:nth-child(2){
+  width:20px;
+  height:20px;
+  left:20%;
+  animation-duration:5s;
+  animation-delay:1s;
+}
+.bubble:nth-child(3){
+  width:50px;
+  height:50px;
+  left:35%;
+  animation-duration:7s;
+  animation-delay:2s;
+}
+.bubble:nth-child(4){
+  width:80px;
+  height:80px;
+  left:50%;
+  animation-duration:11s;
+  animation-delay:0s;
+}
+.bubble:nth-child(5){
+  width:35px;
+  height:35px;
+  left:55%;
+  animation-duration:6s;
+  animation-delay:1s;
+}
+.bubble:nth-child(6){
+  width:45px;
+  height:45px;
+  left:65%;
+  animation-duration:8s;
+  animation-delay:3s;
+}
+.bubble:nth-child(7){
+  width:90px;
+  height:90px;
+  left:70%;
+  animation-duration:12s;
+  animation-delay:2s;
+}
+.bubble:nth-child(8){
+  width:25px;
+  height:25px;
+  left:80%;
+  animation-duration:6s;
+  animation-delay:2s;
+}
+.bubble:nth-child(9){
+  width:15px;
+  height:15px;
+  left:70%;
+  animation-duration:5s;
+  animation-delay:1s;
+}
+.bubble:nth-child(10){
+  width:90px;
+  height:90px;
+  left:25%;
+  animation-duration:10s;
+  animation-delay:4s;
+}
+@keyframes rise{
+  0%{
+    bottom:-100px;
+    transform:translateX(0);
+  }
+  50%{
+    transform:translate(100px);
+  }
+  100%{
+    bottom:1080px;
+    transform:translateX(-200px);
+  }
+}
+
+.hello img {
+            width: 100%;
+            transition: 0.5s all ease-in-out;
+        }
+     
+        .hello:hover img {
+          transform-origin: top;
+            transform: scale(1.1);
+        }
+
+
+</style>
+<style>
+  .topnav {
+  overflow: hidden;
+  position: fixed;
+  z-index: 5;
+  display: none;
+  border-radius: 30px;
+  background-color: #333;
+}
+
+p {
+  transition: 0.5s;
+}
+
+.topnav p {
+  float: left;
+  color: #f2f2f2;
+  text-align: center;
+  
+  padding: 14px 16px;
+  text-decoration: none;
+  font-size: 17px;
+}
+.ImageForGame {
+  border-radius: 15px;
+   width: 180px; 
+ opacity: 0;
+ 
+  height: 180px;
+  transition: 0.5s;
+  box-shadow: 5px 5px 5px 5px rgba(13, 13, 13, 0.725);
+
+}
+.ImageForGame:hover{
+  transform: scale(1.1);
+  box-shadow: 2px 2px 2px 2px rgba(79, 79, 79, 0.725);
+
+}
+@keyframes scroll {
+  from {top: -0%;}
+  to {top: -50%;}
+}
+@keyframes scroll2 {
+  from {top: -50%;}
+  to {top: -0%;}
+}
+/* Webkit based browsers (Chrome, Safari) */
+::-webkit-scrollbar {
+  width: 10px; /* Adjust the width as needed */
+}
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba(146, 145, 145, 0.378); /* Adjust the color and opacity as needed */
+  border-radius: 20px;
+  
+}
+
+/* Firefox */
+
+::-moz-scrollbar {
+  width: 8px; /* Adjust the width as needed */
+}
+
+::-moz-scrollbar-track {
+  background-color: transparent;
+}
+::-moz-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.2); /* Adjust the color and opacity as needed */
+}
+
+/* Hide default scrollbar track */
+::-webkit-scrollbar-track-piece,
+::-webkit-scrollbar-corner,
+::-moz-scrollbar-track-piece {
+  background-color: transparent;
+}
+
+@keyframes OpenLang {
+  0% {transform: translate(-50%, -50%)  scale(0.3); opacity: 0;}
+  50% {transform: translate(-50%, -50%) scale(1.2); opacity: 1;}
+  100% {transform: translate(-50%, -50%) scale(1.0); opacity: 1;}
+}
+@keyframes CloseLang {
+  0% {transform: translate(-50%, -50%)  scale(1.0); opacity: 1;}
+  50% {transform: translate(-50%, -50%)  scale(1.2); opacity: 1;}
+  100% {transform: translate(-50%, -50%) scale(0.3); opacity: 0;}
+}
+.openLang {
+  animation: OpenLang 0.8s;
+  transform-origin: center;
+
+}
+.closeLang {
+  animation: CloseLang 0.8s;
+  transform-origin: center;
+  opacity: 0;
+  visibility: hidden;
+}
+.loader {
+  display: block;
+  --height-of-loader: 4px;
+  --loader-color: #7c7c7c;
+  width: 400px;
+  height: var(--height-of-loader);
+  border-radius: 30px;
+  background-color: rgba(0,0,0,0.2);
+  position: relative;
+}
+
+.loader::before {
+  content: "";
+  position: absolute;
+  background: var(--loader-color);
+  top: 0;
+  left: 0;
+  width: 0%;
+  height: 100%;
+  border-radius: 30px;
+  animation: moving 1.5s ease-in-out infinite;
+  ;
+}
+
+@keyframes moving {
+  50% {
+    width: 100%;
+  }
+
+  100% {
+    width: 0;
+    right: 0;
+    left: unset;
+  }
+}
+</style>
+
+
+
+<div id="LOADINGSCREEN11" style="display: none; opacity: 1; transition: 0.8s; background-color: #525252; z-index: 100; position: fixed; width: 100%; height: 100%;">
+  <div id="FRONT" style="z-index: 103;">
+    <div style="position: absolute; top: 25%; left: 5px; width: 100%; height: 200px;">
+  <img src="https://raw.githubusercontent.com/sz-games/home/main/G.png" style="z-index: 107; position:relative; width: 100px; height: 100px; left: 30px; " alt="Sz Games">
+  <h1 style="z-index: 107; z-index: 103; bottom: 50%; transform: translate(-0%, 50%); font-size: 40px; left: 150px; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">Sz Games</h1>
+  <p  style="font-family: Arial, Helvetica, sans-serif; position: absolute; z-index: 103; color: rgb(164, 164, 164); left: 405px; top: 100px; " id="loading-percentage">0%</p>
+
+<div style="z-index: 103; left: 50px; top: 125px; position: absolute;" class="loader"></div>
+</div>
+</div>
+  <div id="BACKLOAD" style="z-index: 101;">
+    <div style="position: absolute; transform: scale(1.0) translate(-0%, -50%); right: -10px; top: 50%;" id="SCREENSHOT">
+      <img style="border-radius: 15px;" src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/SZ-BG.png"/>
+      <div style="width: 100%; height: 85px; z-index: 102; position: absolute; right: 0; bottom: 0%;  background-image: linear-gradient(to top, #525252, #525252, rgba(255, 255, 0, 0));">
+
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  var LoadPWA = false
+  let LOADCHECK = sessionStorage.getItem("HasLoadedPWA1");
+  if ('matchMedia' in window && (window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true)) {
+    if(LOADCHECK === 'true') {
+        console.log('E-11.0')
+    } else {
+      console.log('E-33')
+    document.getElementById('LOADINGSCREEN11').style.display = "block"
+
+      //LOADING PERCENTAGE
+
+      window.addEventListener('load', function() {
+        // All resources have finished loading
+        document.getElementById('loading-percentage').textContent = '100%';
+      });
+
+      window.addEventListener('DOMContentLoaded', function() {
+        // DOM content has finished loading
+        const totalResources = document.getElementsByTagName('*').length;
+        let loadedResources = 0;
+
+        const loadingPercentage = document.getElementById('loading-percentage');
+
+        function updateLoadingPercentage() {
+          loadedResources++;
+          const percentage = ((loadedResources / totalResources) * 100).toFixed(2);
+          loadingPercentage.textContent = percentage + '%';
+        }
+
+        const elements = document.getElementsByTagName('*');
+        for (let i = 0; i < elements.length; i++) {
+          elements[i].addEventListener('load', updateLoadingPercentage);
+          elements[i].addEventListener('error', updateLoadingPercentage); // Handle resource load errors
+        }
+      });
+      //END
+
+    if(LoadPWA === false) {
+      window.addEventListener('load', function() {
+        sessionStorage.setItem("HasLoadedPWA1", 'true');
+
+        LoadPWA = true
+
+        document.getElementById('LOADINGSCREEN11').style.opacity = 0
+        setTimeout(() => {
+          document.getElementById('LOADINGSCREEN11').style.display = 'none'
+        }, 800);
+      });
+    }
+  }
+  } else {
+    console.log('External Code Did Not Load In')
+  }
+
+</script>
+
+<!--LOADER -->
+
+<div style=" display: none;" class="topnav">
+ <p>Medals:</p>
+ <p id="afkk" >Afk</p>
+ <p id="first-steps" >First Steps</p>
+</div>
+<div id="TopMenu"  style="  border-radius: 0px 0px 15px 15px; z-index: 7; position: fixed; overflow-y: hidden; width: 100%; height: 50px; background-color: #1d1d1d;">
+  <a href="https://sz-games.github.io" aria-label="Home">  <img alt="Icon" fetchpriority="low" src="https://github.com/sz-games/home/blob/main/G.png?raw=true" style="z-index: 7; height: 25px; width: 25px;"> </a>
+
+  <h1 style="   font-size: medium; top: 50%; transform: translate(-0%, -50%); left: 50px; color: white; font-family: Arial, Helvetica, sans-serif; position: absolute;">Sz Games</h1>
+
+
+    <span onclick="ToggleMenuBig()" class="material-icons notranslate"  style=" cursor: pointer;  font-size: 22px; top: 50%; transform: translate(-0%, -50%); margin-right: 15px; float: right; color: white;  position: relative;">  
+      
+      menu
+      
+      </span>
+    <span onclick="ToggleLang()" class="material-icons notranslate"  style=" cursor: pointer;   font-size: larger; top: 50%; transform: translate(-0%, -50%); margin-right: 15px; float: right; color: white;  position: relative;">  
+     
+      translate
+      
+      </span>
+
+      <style>
+        .Discord {
+          transition: 0.5s !important;
+        }
+
+        .Discord:hover {
+          color: rgb(0, 51, 255) !important;
+        }
+
+      </style>
+          <a href="./Chat.html">
+
+            <span  class="material-icons notranslate"  style=" cursor: pointer;  font-size: larger; top: 50%; transform: translate(-0%, -50%); margin-right: 15px; float: right; color: white;  position: relative;">  
+                chat
+            </span>
+          </a>
+      <a href="https://discord.gg/DzKRSntb87">
+        <i class='fab fa-discord Discord'  style='cursor: pointer;  font-size: larger; top: 50%; transform: translate(-0%, -50%); margin-right: 15px; float: right; color: white;  position: relative; '></i>
+      </a>
+
+      <!--div onclick="NOTE11()" style="cursor: pointer;   font-size: larger; top: 50%; transform: translate(-0%, -50%); margin-right: 15px; float: right; color: white;  position: relative;" >
+        <div style="background-color: rgb(255, 0, 0); width: 10px; height: 10px; border-radius: 50%; right: 0; position: absolute;">
+          <p style=" z-index: 9; color: black;"></p>
+        </div>
+      <span  class="material-icons notranslate"  >  
+     
+        
+        notifications
+        
+        </span>
+      </div-->
+  <div id="OLD_NAV" style="display: none;">
+
+      <a href="./FNF.html">
+        <h1 style=" cursor: pointer;   font-size: medium; top: 50%; transform: translate(-0%, -50%); margin-right: 15px;  float: right; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">Friday Night Funkin</h1>
+      </a>
+
+    
+      <!--a href="./unblock.html"-->
+  
+      <h1 style=" cursor: not-allowed;   font-size: medium; top: 50%; transform: translate(-0%, -50%); margin-right: 15px;  float: right; color: rgba(255, 255, 255, 0.597); font-family: Arial, Helvetica, sans-serif; position: relative;">Apps</h1>
+   
+
+      <a href="./index.html">
+        <h1 style=" cursor: pointer;   font-size: medium; top: 50%; transform: translate(-0%, -50%); margin-right: 15px;  float: right; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">Home</h1>
+        </a>
+
+      <a href="https://sz-games.github.io">  <img fetchpriority="low" src="https://github.com/sz-games/home/blob/main/G.png?raw=true" style="z-index: 7; height: 25px; width: 25px;" /> </a>
+
+  </div>
+
+</div>
+
+<script>
+  var IsOpenLang = false
+  function ToggleLang() {
+    if(IsOpenLang===false) {
+      document.getElementById('LangSelect').style.opacity = 1
+      document.getElementById('LangSelect').classList.add('openLang')
+      document.getElementById('LangSelect').style.visibility = "visible"
+      setTimeout(() => {
+        document.getElementById('LangSelect').classList.remove('openLang')
+        IsOpenLang = true
+      }, 800);
+      
+    }
+    else if(IsOpenLang===true) {
+      document.getElementById('LangSelect').style.opacity = 0
+
+      document.getElementById('LangSelect').style.visibility = "hidden"
+
+      setTimeout(() => {
+        IsOpenLang = false
+
+      
+        
+      }, 810);
+      
+    }
+  }
+
+  var myElement = document.getElementById("TopMenu"); // Get the element
+  var Isscrolled = false;
+window.addEventListener("scroll", function() { // Add a scroll event listener
+  if (window.pageYOffset > 350) { // Check if the user has scrolled 100 pixels down the page
+    if(Isscrolled===false) {
+    myElement.style.animation = "scroll 0.8s"; // Hide the element
+    myElement.style.top = "-50%"
+    Isscrolled = true
+    //console.log("its false")
+    } else {
+      Isscrolled = true
+    }
+  } else  if (window.pageYOffset < 350) {
+    if(Isscrolled===true) {
+      //console.log("its true")
+      myElement.style.animation = "scroll2 0.3s"; // Hide the element
+      myElement.style.top = "-0%"
+      Isscrolled=false
+    } else {
+      Isscrolled=false
+    
+    }
+  }
+
+});
+
+</script>
+
+<style>
+  @keyframes menuM {
+    0% {border: solid gray 3px;}
+    50% {border: solid rgb(13, 13, 13) 3px;}
+    100% {border: solid gray 3px;}
+  }
+
+  .MenuIt {
+  position: relative;
+  display: inline-block;
+  margin-top: 5px;
+  padding: 10px;
+  border-radius: 5px;
+
+  color: #000;
+
+  transition: 0.8s;
+}
+
+
+.MenuIt:hover {
+  background-color: #565656;
+  border-radius: 30px;
+  transform: translateY(-5px)
+}
+
+@keyframes SLMenu {
+  from{right: 0; opacity: 1;}
+  to{right: -310px; opacity: 0;}
+}
+
+@keyframes SLMenu2 {
+  from{right: -310px; opacity: 0;}
+  to{right: -0px; opacity: 1;}
+}
+
+
+.SlSlide {
+  animation: SLMenu 0.5s !important;
+}
+
+.SlSlideIn {
+  animation: SLMenu2 0.5s !important;
+}
+
+</style>
+
+
+<!--div style="z-index: 99; position: fixed; right: 35px; top: 115px;" id="Note22">
+  <div style="width: 350px; height: 50px; border: solid gray 3px; border-radius: 15px; background-color: #1d1d1d;" id="containerNOTE">
+    <h3 id="VERNOTE" style="color: white; top: 50%; transform: translate(-0%, -50%); position: relative; left: 4px;">Site Updated To Version: </h3>
+  </div>
+</div-->
+
+<div id="SideMenuBigScreen" style="transition: 0.8s; display: none; position: fixed; z-index: 91; background-color: #1d1d1d7b; width: 100%; height: 100%;">
+  
+  <div  style="display: none;  position: absolute;  animation: menuM 7s infinite; transition: 0.5s; right: 0px; border: solid gray 3px;  border-radius: 15px 0px 0px 15px; width: 300px; height: 100%; z-index: 95; background-color: #2f2f2f;" id="MMenuBig" >
+    <span onclick="ToggleMenuBig()" class="material-icons notranslate"  style=" cursor: pointer; z-index: 96; font-size: x-large; top: 15px; margin-right: 15px; right: 0; color: white;  position: absolute;">  
+     
+      close
+      
+      </span>
+      <span id="SETTINGSMENU1v" onclick="window.location = 'https://sz-games.github.io/settings.html' " class="material-icons notranslate"  style=" cursor: pointer; z-index: 96; font-size: x-large; top: 15px; margin-right: 45px; right: 0; color: white;  position: absolute;">  
+     
+        settings
+        
+        </span>
+        <span id="NOTIF" onclick="toggleSetings1()" class="material-icons notranslate"  style=" cursor: pointer; z-index: 96; font-size: x-large; top: 15px; margin-right: 75px; right: 0; color: white;  position: absolute;">  
+     
+          notifications
+          
+          </span>
+
+          <script>
+
+            
+          </script>
+
+        <script>
+          const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+
+          if (isMobile) {
+              document.getElementById('SETTINGSMENU1v').style.display = 'none'
+          } else {
+            document.getElementById('SETTINGSMENU1v').style.display = 'block'
+          }
+
+        </script>
+
+      <div style="border-radius: 15px; background-color: #1d1d1d; height: 50px;">
+    <div style="position: relative; top: 15px; ">
+      <img src="https://github.com/sz-games/home/blob/main/G.png?raw=true" style="position: absolute; top: -15px; height: 30px; width: 30px;" />
+      <h1 style="color: white; font-size: larger; top: 2px;  position: relative; left: 55px; font-family: Arial, Helvetica, sans-serif; ">Sz Games</h1>
+    </div>
+      </div>
+
+    <div style="overflow-x: hidden; overflow-y: auto; height: 75%;">
+
+    <div class="MenuIt" style="height: 35px; top: 35px; width: 100%; position: relative;">
+
+      <a style="text-decoration: none;" href="./index.html">
+        <h1 style=" cursor: pointer;  width: 100%; font-size: medium; top: 50%; transform: translate(-0%, -50%); text-align: center; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">Home</h1>
+      </a>
+    
+    </div> 
+
+    <div class="MenuIt" style="height: 35px; top: 35px; width: 100%; position: relative;">
+
+      <a style="text-decoration: none;" href="./Privacy-Policy.html">
+        <h1 style=" cursor: pointer;  width: 100%; font-size: medium; top: 50%; transform: translate(-0%, -50%); text-align: center; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">Privacy Policy</h1>
+      </a>
+
+    </div> 
+
+    <div class="MenuIt" style="height: 35px; top: 35px; width: 100%; position: relative;">
+
+      <a style="text-decoration: none;" href="./terms-of-service.html">
+        <h1 style=" cursor: pointer;  width: 100%; font-size: medium; top: 50%; transform: translate(-0%, -50%); text-align: center; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">Terms Of Service</h1>
+      </a>
+
+    </div> 
+
+    <div class="MenuIt" style="height: 35px; top: 35px; width: 100%; position: relative;">
+
+      <a style="text-decoration: none;" href="./MessageUN.html">
+        <h1 style=" cursor: pointer;  width: 100%; font-size: medium; top: 50%; transform: translate(-0%, -50%); text-align: center; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">Unblocker</h1>
+      </a>
+
+    </div> 
+
+    <div class="MenuIt" style="height: 35px; top: 35px; width: 100%; position: relative;">
+
+      <a style="text-decoration: none;" href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/MOVIES/">
+        <h1 style=" cursor: pointer;  width: 100%; font-size: medium; top: 50%; transform: translate(-0%, -50%); text-align: center; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">Movies</h1>
+      </a>
+
+    </div> 
+
+
+
+
+    <div class="MenuIt" style="height: 35px; top: 35px; width: 100%; position: relative;">
+
+      <a style="text-decoration: none;" href="https://forms.gle/6R1E28R33RvK7y486">
+        <h1 style=" cursor: pointer;  width: 100%; font-size: medium; top: 50%; transform: translate(-0%, -50%); text-align: center; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">Game Request</h1>
+      </a>
+    
+    </div> 
+
+    <div class="MenuIt" style="height: 35px; top: 35px; width: 100%; position: relative;">
+
+      <a style="text-decoration: none;" href="https://forms.gle/3eanrSMcAHdf9rTy6">
+        <h1 style=" cursor: pointer;  width: 100%; font-size: medium; top: 50%; transform: translate(-0%, -50%); text-align: center; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">Report A Bug</h1>
+      </a>
+    
+    </div> 
+
+    <div class="MenuIt" style="height: 35px; top: 35px; width: 100%; position: relative;">
+
+      <a style="text-decoration: none;" href="https://forms.gle/1EoD5k5HZSA8yd8ZA">
+        <h1 style=" cursor: pointer;  width: 100%; font-size: medium; top: 50%; transform: translate(-0%, -50%); text-align: center; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">Submit A Review</h1>
+      </a>
+    
+    </div> 
+
+    <div class="MenuIt" style="height: 35px; top: 35px; width: 100%; position: relative;">
+
+      <a style="text-decoration: none;" href="https://sz-games.github.io/BetaTest.html">
+        <h1 style=" cursor: pointer;  width: 100%; font-size: medium; top: 50%; transform: translate(-0%, -50%); text-align: center; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">Beta Test Portal</h1>
+      </a>
+    
+    </div> 
+
+
+
+    <!--div class="MenuIt" style="height: 35px; top: 35px; width: 100%; position: relative;">
+
+    
+        <h1 style=" cursor: not-allowed;  width: 100%; font-size: medium; top: 50%; transform: translate(-0%, -50%); text-align: center; color: rgba(255, 255, 255, 0.597);  font-family: Arial, Helvetica, sans-serif; position: relative;">Apps</h1>
+      
+    
+    </div--> 
+
+    <div class="MenuIt" style="height: 35px; top: 35px; width: 100%; position: relative;">
+
+      <a style="text-decoration: none;" href="./FNF.html">
+        <h1 style=" cursor: pointer;  width: 100%; font-size: medium; top: 50%; transform: translate(-0%, -50%); text-align: center; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">Friday Night Funkin</h1>
+      </a>
+    
+    </div> 
+
+    <div class="MenuIt" style="height: 35px; top: 35px; width: 100%; position: relative;">
+
+      <a style="text-decoration: none;" href="./reviews.html">
+        <h1 style=" cursor: pointer;  width: 100%; font-size: medium; top: 50%; transform: translate(-0%, -50%); text-align: center; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">Reviews</h1>
+      </a>
+    
+    </div> 
+
+    <div class="MenuIt" style="height: 35px; top: 35px; width: 100%; position: relative;">
+
+      <a style="text-decoration: none;" href="./Status.html">
+        <h1 style=" cursor: pointer;  width: 100%; font-size: medium; top: 50%; transform: translate(-0%, -50%); text-align: center; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">Status</h1>
+      </a>
+    
+    </div> 
+
+    <div class="MenuIt" style="height: 35px; top: 35px; width: 100%; position: relative;">
+
+      <a style="text-decoration: none;" href="./About.html">
+        <h1 style=" cursor: pointer;  width: 100%; font-size: medium; top: 50%; transform: translate(-0%, -50%); text-align: center; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">About</h1>
+      </a>
+    
+    </div> 
+    
+    <div class="MenuIt" style="height: 35px; top: 35px; width: 100%; position: relative;">
+
+      <a style="text-decoration: none;" href="./Tools/voiceAI.html">
+        <h1 style=" cursor: pointer;  width: 100%; font-size: medium; top: 50%; transform: translate(-0%, -50%); text-align: center; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">Sound identifier AI</h1>
+      </a>
+    
+    </div> 
+
+    <div class="MenuIt" style="height: 35px; top: 35px; width: 100%; position: relative;">
+
+      <a style="text-decoration: none;" href="./IMAGEAI.html">
+        <h1 style=" cursor: pointer;  width: 100%; font-size: medium; top: 50%; transform: translate(-0%, -50%); text-align: center; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">Image Classification AI</h1>
+      </a>
+    
+    </div> 
+
+
+    <div class="MenuIt" style="height: 35px; top: 35px; width: 100%; position: relative;">
+
+      <a style="text-decoration: none;" onclick="toggleMENU107()">
+        <h1 style=" cursor: pointer;  width: 100%; font-size: medium; top: 50%; transform: translate(-0%, -50%); text-align: center; color: white; font-family: Arial, Helvetica, sans-serif; position: relative;">IFRAME</h1>
+      </a>
+    
+    </div> 
+
+
+
+    <div style="bottom: 0; position: absolute; left: 50%; transform: translate(-50%, -0%);">
+      <a href="https://www.buymeacoffee.com/SzGames" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 40px; "  ></a>  
+    </div>
+    </div>
+  </div>
+</div>
+
+<!--Menus-->
+
+<!--Settings-->
+
+<style>
+  .notification2LOCK {
+  visibility: hidden;
+  position: fixed;
+  bottom: -100px;
+  left: 50%;
+  width: 40%;
+  border: solid 3px grey;
+  height:  50px;
+  transform: translateX(-50%);
+  background-color: #212121;
+  color: #fff;
+  padding: 10px 20px;
+  border-radius: 15px;
+  z-index: 50;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+  transition: bottom 0.5s ease-in-out;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  --locked-color: #9d9d9d;
+  --unlocked-color: #ff4e4e;
+}
+.container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 400px;
+}
+
+.lock {
+  width: 24px;
+  height: 21px;
+  border: 3px solid var(--locked-color);
+  border-radius: 5px;
+  top: 70%; left: 2%;
+  transform: translate(-0%, -70%);
+  position: absolute;
+  cursor: pointer;
+  -webkit-transition: all 0.1s ease-in-out;
+  transition: all 0.1s ease-in-out;
+}
+.lock:after {
+  content: "";
+  display: block;
+  background: var(--locked-color);
+  width: 3px;
+  height: 7px;
+  position: absolute;
+  
+  top: 50%;
+  left: 50%;
+  margin: -3.5px 0 0 -2px;
+  -webkit-transition: all 0.1s ease-in-out;
+  transition: all 0.1s ease-in-out;
+}
+.lock:before {
+  content: "";
+  display: block;
+  width: 15px;
+  height: 15px;
+  bottom: 100%;
+  position: absolute;
+  left: 50%;
+  margin-left: -8px;
+  border: 3px solid var(--locked-color);
+  border-top-right-radius: 50%;
+  
+  border-top-left-radius: 50%;
+  border-bottom: 0;
+  -webkit-transition: all 0.1s ease-in-out;
+  transition: all 0.1s ease-in-out;
+}
+/* Locked Hover */
+.lock:hover:before {
+  height: 12px;
+}
+/* Unlocked */
+.unlocked {
+  transform: rotate(10deg);
+  top: 70%; left: 2%;
+  transform: translate(-0%, -70%) scale(0.7);
+}
+.unlocked:before {
+  bottom: 130%;
+  left: 31%;
+  margin-left: -11.5px;
+  transform: rotate(-30deg);
+}
+.unlocked,
+.unlocked:before {
+  border-color: var(--unlocked-color);
+}
+.unlocked:after {
+  background: var(--unlocked-color);
+}
+.unlocked:hover {
+  
+}
+.unlocked:hover:before {
+  height: 10px;
+  left: 40%;
+  bottom: 124%;
+  transform: rotate(-0deg);
+}
+</style>
+<div class="notification2LOCK" id="notificationLOCK">
+  <div class="container">
+    <span id="lock" class="lock unlocked"></span>
+  </div>
+
+  <p style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">Page Close Preventer: ON</p>
+</div>
+
+<script>
+  function NoteLOCK() {
+  const notificationBB = document.getElementById("notificationLOCK");
+
+
+notificationBB.style.visibility = "visible";
+
+setTimeout(() => {
+  
+
+  notificationBB.style.bottom = "20px"; // Slide up
+    setTimeout(() => {
+        document.getElementById("lock").classList.remove("unlocked")
+    }, 900);
+  setTimeout(() => {
+    notificationBB.style.bottom = "-100px"; // Slide back down after 3 seconds
+    setTimeout(() => {
+      notificationBB.style.visibility = "hidden"; // Hide after sliding down
+    }, 300);
+  }, 4000); // Wait for 3 seconds
+}, 800);
+  }
+</script>
+
+<div id="SettingsOut" style="visibility: hidden; transition: 0.5s; user-select: none; z-index: 92; width: 100%; height: 100%; position: fixed;">
+  
+
+  <div  style="transition: 0.5s; top: 50%; overflow-y: scroll; overflow-x: hidden; border-radius: 15px; left: 50%; transform: translate(-50%, -50%); padding: 5px 5px; z-index: 50; position: fixed; width: 50%; height: 45%; background-color: #333; border: solid 5px gray;" id="SettingsV2">
+    
+   <button onclick="toggleSetings1()" style="cursor: pointer; position: relative; width: 80%; bottom: 10px; color: white; height: 40px; border-radius: 0px 0px 15px 15px; transform: translate(-50%, -0%); left: 50%; background-color: #2f2f2f; border: solid 3px gray;">
+    Close
+   </button>
+    <div style="left: 50%; transform: translate(-50%, 0%); position: relative; color: white;" class='onesignal-customlink-container'></div>
+
+
+  </div>
+</div>
+<!--Note-->
+<script>
+  var isOpenSettings = false
+
+  function toggleSetings1() {
+    if(isOpenSettings===false) {
+      document.getElementById('SettingsOut').style.opacity = 0
+
+      document.getElementById('SettingsOut').style.visibility = 'visible'
+      document.getElementById('SettingsOut').style.opacity = 1
+      isOpenSettings = true
+
+    }
+    else if(isOpenSettings===true) {
+      document.getElementById('SettingsOut').style.opacity = 0
+      setTimeout(() => {
+        document.getElementById('SettingsOut').style.visibility = 'hidden'
+      }, 500);
+      isOpenSettings = false
+
+    }
+  }
+</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<div id="MENU107" style="visibility: hidden; transition: 0.5s; user-select: none; z-index: 92; width: 100%; height: 100%; position: fixed;">
+  
+
+  <div  style="transition: 0.5s; top: 50%; overflow-y: scroll; overflow-x: hidden; border-radius: 15px; left: 50%; transform: translate(-50%, -50%);  z-index: 50; position: fixed; width: 90%; height: 90%; background-color: #333; border: solid 5px gray;" id="MENU107SUB">
+    
+   <button onclick="toggleMENU107()" style="cursor: pointer; position: relative; width: 80%; bottom: 10px; color: white; height: 40px; border-radius: 0px 0px 15px 15px; transform: translate(-50%, -0%); left: 50%; background-color: #2f2f2f; border: solid 3px gray;">
+    Close
+   </button>
+    <iframe id="URLIFRAME" style="width: 100%; border: none;"></iframe>
+    
+  </div>
+</div>
+<!--Note-->
+<script>
+  var isMENU = false
+
+  function toggleMENU107() {
+    if(isMENU===false) {
+      document.getElementById('MENU107').style.opacity = 0
+
+      document.getElementById('MENU107').style.visibility = 'visible'
+      document.getElementById('MENU107').style.opacity = 1
+      isMENU = true
+
+    }
+    else if(isMENU===true) {
+      document.getElementById('MENU107').style.opacity = 0
+      setTimeout(() => {
+        document.getElementById('MENU107').style.visibility = 'hidden'
+      }, 500);
+      isMENU = false
+
+    }
+    var ITEM890 = document.getElementById('MENU107SUB')
+  
+  document.getElementById('URLIFRAME').src = './index.html'
+  }
+  document.getElementById('URLIFRAME').style.height = window.innerHeight - 200 + 'px'
+
+</script>
+
+
+
+
+
+
+
+<!--Start-->
+<div id="Tile1109" style="display: none; z-index: 80; width: 100%; height: 100%; position: fixed; background-color: #2f2f2f2c;">
+  
+   
+<div style="width: 50%; overflow-y: auto; overflow-x: none; height: 50%; border-radius: 15px; background-color: #1d1d1d; position: fixed; z-index: 81; top: 50%; left: 50%; transform: translate(-50%, -50%);">
+  <span onclick="closeINTRO()" class="material-icons notranslate"  style=" cursor: pointer;   font-size: 30px; top: 15px;  right: 15px; color: white;  position: absolute;">  
+     
+    close
+     
+     </span>
+  <h1 style="text-align: center; font-size: 28px; color: white; margin: 28px; word-wrap: break-word;">Welcome To Sz Games</h1>
+  <p style="text-align: center; font-size: 18px; color: white;">Check Out The Icons In The Top Right Corner</p>
+  <img style="left: 50%; position: relative; transform: translate(-50%, -0%);" src="https://github.com/sz-games/sz-games.github.io/blob/main/TOPNAVSHOW.png?raw=true"/>
+  <p style="text-align: center; font-size: 18px; color: white;">Here You Can Access The Chat And The Menu.</p>
+  <p style="text-align: center; font-size: 18px; color: white; margin: 15px;">The Menu Will Have More Pages That Arent Shown On The Home Page</p>
+  <p style="text-align: center; font-size: 18px; color: white;">You Will also Find The Settings Here Where You Can Enable Useful Features.</p>
+
+
+
+</div>
+</div>
+
+<script>
+  let TileSt = localStorage.getItem('1109ST')
+
+  function closeINTRO() {
+    localStorage.setItem('1109ST', 'true')
+
+    document.getElementById('Tile1109').style.display = 'none'
+    TileSt = localStorage.getItem('1109ST')
+  }
+  const isMobile2 = /Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+
+if (isMobile2) {
+  
+} else {  
+  if(TileSt) {
+    document.getElementById('Tile1109').style.display = 'none'
+  } else {
+    document.getElementById('Tile1109').style.display = 'block'
+  }
+}
+  
+</script>
+
+
+<!--Start-->
+<div id="Tile11093" style="display: none; z-index: 70; width: 100%; height: 100%; position: fixed; background-color: #2f2f2f2c;">
+  
+   
+  <div style="width: 40%;  overflow-y: auto; overflow-x: none; height: 40%; border-radius: 15px; background-color: #1d1d1d; position: fixed; z-index: 81; top: 50%; left: 50%; transform: translate(-50%, -50%);">
+    <span onclick="closeINTRO2()" class="material-icons notranslate"  style=" cursor: pointer;   font-size: 30px; top: 15px;  right: 15px; color: white;  position: absolute;">  
+       
+      close
+       
+       </span>
+    <h1 style="position: relative; text-align: center; font-size: 28px; color: white; margin: 28px; word-wrap: break-word;">Update</h1>
+    <br>
+    <p style="text-align: center; font-size: 18px; color: white; margin-bottom: 15px;">Fixed The Following Games:</p>
+    <p style="text-align: center; font-size: 18px; color: white;">Henry Stickmin Series</p>
+    <p style="text-align: center; font-size: 18px; color: white; margin: 10px;">And Other Flash Games</p>
+
+    <p style="text-align: center; font-size: 18px; color: white;">Were Fixed And Are Now Working</p>
+  
+  
+  
+  </div>
+  </div>
+  
+  <script>
+    let TileSt3 = localStorage.getItem('1109ST333')
+  
+    function closeINTRO2() {
+      localStorage.setItem('1109ST333', 'true')
+  
+      document.getElementById('Tile11093').style.display = 'none'
+      TileSt3 = localStorage.getItem('1109ST333')
+    }
+    const isMobile23 = /Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+  
+  if (isMobile23) {
+    
+  } else {  
+    if(TileSt3) {
+      document.getElementById('Tile11093').style.display = 'none'
+    } else {
+      document.getElementById('Tile11093').style.display = 'none'
+    }
+  }
+    
+  </script>
+
+<!--LANG-->
+<div id="LangSelect" style="transition: 0.5s; visibility: hidden; position: fixed; z-index: 90; transform: translate(-50%, -50%); top: 50%; left: 50%; background-color: #1d1d1d; width: 350px; border: solid rgba(56, 56, 56, 0.97) 5px; border-radius: 15px; height: 200px;">
+
+ 
+    <span onclick="ToggleLang()" class="material-icons notranslate"  style=" cursor: pointer;   font-size: larger; top: 10%; transform: translate(-0%, -50%); margin-right: 15px; float: right; color: white;  position: relative;">  
+     
+     close
+      
+      </span>
+    
+    <p style="float: left; top: 5%; position: relative; margin-left: 15px; color: white;"> Translate </p>
+
+    <div style="top: 17%; left: 8px; width: 95%; border-radius: 10px; position: relative; height: 2px; background-color: #3d3d3d;">
+
+    </div>
+
+  <div style="position: absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%);" id="google_translate_element"></div>
+
+
+    <script>
+   
+   fetch('https://ipapi.co/json/')
+  .then(response => {
+    if (response.status === 429) {
+      // Request returned with code 429 (Too Many Requests)
+      console.log('Too Many Requests');
+      // Handle the error or implement retry logic here
+      return;
+    }
+    return response.json();
+  })
+  .then(data => {
+    if (data) {
+      var userCountryCode = data.country;
+
+      // Check if the user's country is different from the desired country
+      if (userCountryCode !== 'US') {
+        // Display the specific element for users in a different country
+        console.log('isNot');
+        IsOpenLang = true;
+        var element = document.getElementById('LangSelect');
+        element.style.visibility = 'visible';
+      } else {
+        console.log('us');
+      }
+    }
+  })
+  .catch(error => {
+    console.error('Error:', error);
+  });
+
+
+
+
+
+      var ToggledMenu3 = false;
+
+      function ToggleMenuBig() {
+        if(ToggledMenu3===false) {
+          document.getElementById('SideMenuBigScreen').style.display = 'block'
+          document.getElementById('SideMenuBigScreen').style.opacity = 1
+
+          document.getElementById('MMenuBig').style.display = 'block'
+          
+          document.getElementById('MMenuBig').classList.add('SlSlideIn')
+         
+          setTimeout(() => {
+            document.getElementById('MMenuBig').classList.remove('SlSlideIn')
+           
+
+            ToggledMenu3 = true
+          }, 500);
+
+        } else if(ToggledMenu3===true) {
+         
+          ToggledMenu3 = false
+
+       
+          document.getElementById('SideMenuBigScreen').style.opacity = 0
+
+          document.getElementById('MMenuBig').classList.add('SlSlide')
+          setTimeout(() => {
+            document.getElementById('MMenuBig').classList.remove('SlSlide')
+            document.getElementById('MMenuBig').style.display = 'none'
+            document.getElementById('SideMenuBigScreen').style.display = 'none'
+          }, 500);
+        }
+      }
+    </script>
+
+  <script type="text/javascript">
+  function googleTranslateElementInit() {
+    new google.translate.TranslateElement({
+      pageLanguage: 'en', 
+      autoDisplay: false,
+      excluded: '.notranslate',
+
+    },  'google_translate_element');
+  }
+  </script>
+
+  <script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
+
+
+</div>
+
+<div id="Vip">
+
+  <div style=" opacity: 0; visibility: hidden; background-color: #1d1d1d6a; z-index: 90; position: fixed; width: 100%; height: 100%;" id="menuVip">
+    <div style="overflow: auto;  overflow-x: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; border-radius: 15px; height: 100%; background-color: rgb(81, 81, 81); position: absolute;">
+      <h1  style=" left: 10px; position: relative; font-size: 25px; color: white;">VIP Menu</h1>
+      <h1 class="notranslate" onclick="closeFade('menuVip')" style="cursor: pointer; right: 10px; top: 5px; position: absolute; font-size: 25px; color: white;">x</h1>
+      <h2 style="text-align: center; left: 10px; position: relative; font-size: 25px; color: white;">Header</h2>
+      <br>
+      <div id="options" style="">
+        <div style="width: 100%; position: relative; height: 100px;" id="headerBg">
+          <div style="width: 100%; overflow-y: hidden; display: flex; white-space: nowrap; overflow-x: scroll;">
+          
+            <div id="normal" onclick="selectHeader('normal')" style="margin: 5px; cursor: pointer; top: 10px; left: 10px; border-radius: 5px; float: left; position: relative; width: 120px; height: 70px;">
+              <div style="border-radius: 5px; background: linear-gradient(to bottom right, #9a9a9a, rgb(39, 39, 39)); width: 120px; height: 70px;">
+
+              </div>
+          </div>
+
+          <div id="Transperent" onclick="selectHeader('Tsp')" style="margin: 5px; cursor: pointer; top: 10px; left: 10px; background: linear-gradient(to bottom right, #9a9a9a, rgb(39, 39, 39)); border-radius: 5px; float: left; position: relative; width: 120px; height: 70px;">
+          <p style="text-align: center; color: white;">Transperent</p>
+          <div style="width: 120px; height: 70px;"></div>
+          </div>
+
+          
+
+          <div id="waltah" onclick="selectHeader('waltah')" style=" margin: 5px; cursor: pointer; float: left; position: relative; width: 120px; border-radius: 15px !important; height: 70px;">
+            <img alt="option" id="1" data-src="https://github.com/sz-games/sz-games.github.io/blob/main/Waltah.gif?raw=true" height="70px" width="120px"/>
+          </div>
+
+      
+
+          <div id="east" onclick="selectHeader('east')" style="margin: 5px; cursor: pointer; float: left; position: relative; width: 120px; border-radius: 15px !important; height: 70px;">
+            <img alt="option" id="2" data-src="https://github.com/sz-games/sz-games.github.io/blob/main/KanyeEast.gif?raw=true" height="70px" width="120px"/>
+          </div>
+
+        
+
+          <div id="shock" onclick="selectHeader('shock')" style="margin: 5px; cursor: pointer; float: left; position: relative; width: 120px; border-radius: 15px !important; height: 70px;">
+            <img alt="option" id="3" data-src="https://github.com/sz-games/sz-games.github.io/blob/main/Shock.gif?raw=true" height="70px" width="120px"/>
+          </div>
+
+          <div id="shock" onclick="selectHeader('AMeme')" style="margin: 5px; cursor: pointer; float: left; position: relative; width: 120px; border-radius: 15px !important; height: 70px;">
+            <img alt="option" id="4" data-src="https://github.com/sz-games/sz-games.github.io/blob/main/AMeme.gif?raw=true" height="70px" width="120px"/>
+          </div>
+
+          <div id="chip" onclick="selectHeader('chip')" style="margin: 5px; cursor: pointer; float: left; position: relative; width: 120px; border-radius: 15px !important; height: 70px;">
+            <img alt="option" id="5" data-src="https://github.com/sz-games/sz-games.github.io/blob/main/chip.gif?raw=true" height="70px" width="120px"/>
+          </div>
+
+
+          </div>
+        </div>
+        <br>
+      
+        <h1 style="text-align: center;  font-size: 25px; color: white;">Background:</h1>
+
+        <div style="position: relative; width: 100%; height: 100px;" id="BG">
+          
+          <div style="width: 100%; overflow-y: hidden; display: flex; white-space: nowrap; overflow-x: scroll;">
+          <div id="normal" onclick="selectHeader2('normal')" style="margin: 2px; cursor: pointer; top: 10px; left: 10px; background: linear-gradient(to bottom, #1d1d1d, #2f2f2f, rgb(58, 58, 58), #1d1d1d, #2f2f2f); border-radius: 5px; float: left; position: relative; width: 120px; height: 70px;">
+          
+          </div>
+
+      
+          <div id="waltah" onclick="selectHeader2('waltah')" style=" margin: 2px; cursor: pointer; float: left; position: relative; width: 120px; border-radius: 15px !important; height: 70px;">
+            <img alt="option" id="6" data-src="https://github.com/sz-games/sz-games.github.io/blob/main/Waltah.gif?raw=true" height="70px" width="120px"/>
+          </div>
+
+      
+
+          <div id="east" onclick="selectHeader2('east')" style="margin: 2px; cursor: pointer; float: left; position: relative; width: 120px; border-radius: 15px !important; height: 70px;">
+            <img alt="option" id="7" data-src="https://github.com/sz-games/sz-games.github.io/blob/main/KanyeEast.gif?raw=true" height="70px" width="120px"/>
+          </div>
+
+        
+
+          <div id="shock" onclick="selectHeader2('shock')" style="margin: 2px; cursor: pointer; float: left; position: relative; width: 120px; border-radius: 15px !important; height: 70px;">
+            <img alt="option" id="8" data-src="https://github.com/sz-games/sz-games.github.io/blob/main/Shock.gif?raw=true" height="70px" width="120px"/>
+          </div>
+
+          <div id="shock" onclick="selectHeader2('AMeme')" style="margin: 2px; cursor: pointer; float: left; position: relative; width: 120px; border-radius: 15px !important; height: 70px;">
+            <img alt="option" id="9" style="" data-src="https://github.com/sz-games/sz-games.github.io/blob/main/AMeme.gif?raw=true" height="70px" width="120px"/>
+          </div>
+
+        
+
+        </div>
+
+
+      </div>
+      <br>
+ 
+    
+
+    <br>
+    <div style="  " id="Opacity">
+      <h2 style="text-align: center; left: 10px;  font-size: 25px; color: white;">Game Icon Styles</h2>
+      <p style="text-align: center; color: white;">Opacity</p>
+      <input style="left: 50%; position: relative; transform:  translate(-50%, 0%);" type="range" id="opacitySlider" min="0" max="1" step="0.1" value="1" />
+
+      
+    </div>
+    <h1 style="position: absolute; bottom: 0;"><a style=" text-decoration: none; color: white;" href="./hacks">School Hacks</a></h1>
+    <br>
+    </div>
+  </div>
+    
+  </div>
+  <div id="VIPBUTTON" onclick="openFade('menuVip')" style="cursor: pointer; border-radius: 30px; width: 70px; right: 5px; height: 35px; position: fixed; top: 70px; z-index: 5; background-color: #1d1d1db9;">
+    <h1 style="font-size: 25px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: white;">VIP</h1>
+  </div>
+
+  <script>
+    
+    function openFade(element2) {
+    var element = document.getElementById(element2)
+    element.style.transition = '0.5s'
+    element.style.visibility = 'visible'
+   
+    element.style.opacity = 1
+
+  }
+
+  function closeFade(element2) {
+    var element = document.getElementById(element2)
+    element.style.transition = '0.5s'
+    element.style.opacity = 0
+    setTimeout(() => {
+      element.style.visibility = 'hidden'
+    }, 500);
+  }
+
+    
+
+    
+  </script>
+
+  
+
+</div>
+
+<style>
+
+.header-waltah {
+  position: relative;
+z-index: 1;
+  padding: 60px;
+  text-align: center;
+  background-image: url("https://github.com/sz-games/sz-games.github.io/blob/main/Waltah.gif?raw=true");
+  background-repeat: no-repeat;
+  background-position: 0px;
+  background-size: cover;
+  color: white;
+  width: auto;
+  font-size: 30px;
+
+ 
+  font-family: Arial, Helvetica, sans-serif;
+  border-radius: 15px;
+}
+
+.header-east {
+  position: relative;
+z-index: 1;
+  padding: 60px;
+  text-align: center;
+  background-image: url("https://github.com/sz-games/sz-games.github.io/blob/main/KanyeEast.gif?raw=true");
+  background-repeat: no-repeat;
+  background-position: 0px;
+  background-size: cover;
+  color: white;
+  width: auto;
+  font-size: 30px;
+
+ 
+  font-family: Arial, Helvetica, sans-serif;
+  border-radius: 15px;
+}
+
+.header-shock {
+  position: relative;
+z-index: 1;
+  padding: 60px;
+  text-align: center;
+  background-image: url("https://github.com/sz-games/sz-games.github.io/blob/main/Shock.gif?raw=true");
+  background-repeat: no-repeat;
+  background-position: 0px;
+  background-size: cover;
+  color: white;
+  width: auto;
+  font-size: 30px;
+
+ 
+  font-family: Arial, Helvetica, sans-serif;
+  border-radius: 15px;
+}
+.header-AMeme {
+  position: relative;
+z-index: 1;
+  padding: 60px;
+  text-align: center;
+  background-image: url("https://github.com/sz-games/sz-games.github.io/blob/main/AMeme.gif?raw=true");
+  background-repeat: no-repeat;
+  background-position-y: 10px;
+  background-size: cover;
+  color: white;
+  width: auto;
+  font-size: 30px;
+
+ 
+  font-family: Arial, Helvetica, sans-serif;
+  border-radius: 15px;
+}
+.header-Tsp {
+  position: relative;
+z-index: 1;
+  padding: 60px;
+  text-align: center;
+  background: rgba(172, 157, 157, 0);
+  background-repeat: no-repeat;
+  background-position-y: 10px;
+  background-size: cover;
+  color: white;
+  width: auto;
+  font-size: 30px;
+
+ 
+  font-family: Arial, Helvetica, sans-serif;
+  border-radius: 15px;
+}
+.header-chip {
+  position: relative;
+z-index: 1;
+  padding: 60px;
+  text-align: center;
+  background: rgba(172, 157, 157, 0);
+  background-image: url("https://github.com/sz-games/sz-games.github.io/blob/main/chip.gif?raw=true");
+  background-position-y: 10px;
+  background-size: cover;
+  color: white;
+  width: auto;
+  font-size: 30px;
+
+ 
+  font-family: Arial, Helvetica, sans-serif;
+  border-radius: 15px;
+}
+</style>
+
+    <div id="Header" class="header">
+        <!--img src="https://github.com/sz-games/sz-games.github.io/blob/main/Gh.png?raw=true" style="position: relative; width: 150px; height: 150px;" alt="img"-->
+        <img src="https://github.com/sz-games/home/blob/main/G.png?raw=true"  fetchpriority="high" style="position: relative; width: 150px; height: 150px;" alt="Sz Games">
+        <h1>Sz Games</h1>
+        <p style="font-size: 20px;">By Bobby</p>
+      </div>
+      <br></br>
+       <!--ADCODE-->
+  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1654900800235927"
+  crossorigin="anonymous"></script>
+  <style>
+    @keyframes ADCLOSE {
+      from{position: relative; display: inline-block;  background-color: gray; height: 70px  !important;  border-radius: 15px; width: 60%; left: 50%; transform: translate(-50%); display: block; z-index: 80}
+      to {position: relative;  bottom: -0px; background-color: gray; height: 70px  !important; border-radius: 50px; width: 60%; opacity: 0; left: 50%; transform: translate(-50%); display: block; z-index: 80}
+    }
+  </style>
+  <ins class="adsbygoogle"
+  id="ad-container"
+  style="position: relative; transition: 0.8s; display: inline-block;  background-color: gray; height: 70px  !important; border-radius: 15px; width: 60%; left: 50%; transform: translate(-50%); display: block; z-index: 20"
+  data-ad-client="ca-pub-1654900800235927"
+  data-ad-slot="6959226874"
+
+     >  <span onclick="adclose()"  class="material-icons notranslate"  style="background-color: #1d1d1dcf; padding: 2px; border-radius: 15px; z-index: 30; cursor: pointer;  font-size: 20px; float: right; right: 5px; top: 5px;  color: white;  position: absolute;">  
+      close
+  </span>
+  <script>
+    function adclose() {
+        document.getElementById('ad-container').style.animation = 'ADCLOSE 0.8s'
+        setTimeout(() => {
+          document.getElementById('ad-container').style.display = 'none'
+        }, 800);
+
+    }
+   
+
+  </script>
+</ins>
+  <script>
+    (adsbygoogle = window.adsbygoogle || []).push({});
+</script>
+
+      <!--h1 id="ec" class="day" >----------</h1-->
+      <br></br>
+
+</div>
+
+
+      
+<script>
+  console.log('eee')
+  // Function to retrieve the value of a cookie
+  function getCookie(cname) {
+    let name = cname + "=";
+    let decodedCookie = decodeURIComponent(document.cookie);
+    let ca = decodedCookie.split(';');
+    for(let i = 0; i <ca.length; i++) {
+      let c = ca[i];
+      while (c.charAt(0) == ' ') {
+        c = c.substring(1);
+      }
+      if (c.indexOf(name) == 0) {
+        return c.substring(name.length, c.length);
+      }
+    }
+    return "";
+  }
+
+  function setCookie(cname, cvalue, exdays) {
+  const d = new Date();
+  d.setTime(d.getTime() + (exdays*24*60*60*1000));
+  let expires = "expires="+ d.toUTCString();
+  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
+}
+
+    function selectHeader2(item) {
+      document.body.style.backgroundAttachment = "fixed"
+      
+      if(item === 'waltah') {
+        document.body.style.backgroundImage = "url('https://github.com/sz-games/sz-games.github.io/blob/main/Waltah.gif?raw=true')"
+
+        setCookie("BG", 'waltah', 365);
+      } else if (item === 'normal') {
+        document.body.style.background = 'linear-gradient(to bottom, #1d1d1d, #2f2f2f, rgb(58, 58, 58), #1d1d1d, #2f2f2f)';
+        document.body.style.backgroundAttachment = "scroll"
+
+        setCookie("BG", 'normal', 365);
+      } else if(item==='east') {
+        document.body.style.backgroundImage = "url('https://github.com/sz-games/sz-games.github.io/blob/main/KanyeEast.gif?raw=true')"
+        setCookie("BG", 'east', 365);
+      } else if(item==='shock') {
+        document.body.style.backgroundImage = "url('https://github.com/sz-games/sz-games.github.io/blob/main/Shock.gif?raw=true')"
+
+        setCookie("BG", 'shock', 365);
+      } else if(item==='AMeme') {
+        document.body.style.backgroundImage = "url('https://github.com/sz-games/sz-games.github.io/blob/main/AMeme.gif?raw=true')"
+        setCookie("BG", 'AMeme', 365);
+      }
+      document.body.style.backgroundRepeat = 'no-repeat';
+      document.body.style.backgroundSize = 'cover';
+    }
+
+//HEADER
+
+    function selectHeader(item) {
+      if(item === 'waltah') {
+        document.getElementById('Header').classList.remove('header-east')
+        document.getElementById('Header').classList.remove('header')
+        document.getElementById('Header').classList.remove('header-shock')
+        document.getElementById('Header').classList.remove('header-AMeme')
+        document.getElementById('Header').classList.remove('header-Tsp')
+        document.getElementById('Header').classList.add('header-waltah')
+        document.getElementById('Header').classList.remove('header-chip')
+
+        setCookie("Header", 'waltah', 365);
+      } else if (item === 'normal') {
+        document.getElementById('Header').classList.add('header')
+        document.getElementById('Header').classList.remove('header-east')
+        document.getElementById('Header').classList.remove('header-waltah')
+        document.getElementById('Header').classList.remove('header-AMeme')
+        document.getElementById('Header').classList.remove('header-shock')
+        document.getElementById('Header').classList.remove('header-Tsp')
+        document.getElementById('Header').classList.remove('header-chip')
+
+        setCookie("Header", 'normal', 365);
+      } else if(item==='east') {
+        document.getElementById('Header').classList.remove('header')
+        document.getElementById('Header').classList.add('header-east')
+        document.getElementById('Header').classList.remove('header-waltah')
+        document.getElementById('Header').classList.remove('header-shock')
+        document.getElementById('Header').classList.remove('header-AMeme')
+        document.getElementById('Header').classList.remove('header-Tsp')
+        document.getElementById('Header').classList.remove('header-chip')
+
+        setCookie("Header", 'east', 365);
+      } else if(item==='shock') {
+        document.getElementById('Header').classList.remove('header')
+        document.getElementById('Header').classList.remove('header-east')
+        document.getElementById('Header').classList.remove('header-waltah')
+        document.getElementById('Header').classList.add('header-shock')
+        document.getElementById('Header').classList.remove('header-AMeme')
+        document.getElementById('Header').classList.remove('header-Tsp')
+        document.getElementById('Header').classList.remove('header-chip')
+
+        setCookie("Header", 'shock', 365);
+      } else if(item==='AMeme') {
+        document.getElementById('Header').classList.remove('header')
+        document.getElementById('Header').classList.remove('header-east')
+        document.getElementById('Header').classList.remove('header-waltah')
+        document.getElementById('Header').classList.remove('header-shock')
+        document.getElementById('Header').classList.add('header-AMeme')
+        document.getElementById('Header').classList.remove('header-Tsp')
+        document.getElementById('Header').classList.remove('header-chip')
+
+        setCookie("Header", 'AMeme', 365);
+      } else if(item==='Tsp') {
+        document.getElementById('Header').classList.remove('header')
+        document.getElementById('Header').classList.remove('header-east')
+        document.getElementById('Header').classList.remove('header-waltah')
+        document.getElementById('Header').classList.remove('header-shock')
+        document.getElementById('Header').classList.remove('header-AMeme')
+        document.getElementById('Header').classList.remove('header-chip')
+        document.getElementById('Header').classList.add('header-Tsp')
+        setCookie("Header", 'Tsp', 365);
+      } else if(item==='chip') {
+        document.getElementById('Header').classList.remove('header')
+        document.getElementById('Header').classList.remove('header-east')
+        document.getElementById('Header').classList.remove('header-waltah')
+        document.getElementById('Header').classList.remove('header-shock')
+        document.getElementById('Header').classList.remove('header-AMeme')
+        document.getElementById('Header').classList.remove('header-Tsp')
+        document.getElementById('Header').classList.add('header-chip')
+
+        setCookie("Header", 'chip', 365);
+      }
+    }
+  
+  // Usage example
+  const cookieValue = getCookie("IsVIP");
+  
+  if (cookieValue) {
+    //console.log("The value of the cookie is: " + cookieValue);
+    document.getElementById('Vip').style.display = 'block'
+    document.getElementById('VIPBUTTON').style.display = 'block'
+    // Get the parent element that contains the image elements
+    const parentElement = document.getElementById('options');
+
+    // Get all the image elements within the parent element
+    const imageElements = parentElement.getElementsByTagName('img');
+
+    // Loop through each image element and load the data-src attribute
+    for (let i = 0; i < imageElements.length; i++) {
+      const image = imageElements[i];
+      const dataSrc = image.getAttribute('data-src');
+      
+      if (dataSrc) {
+        // Set the data-src as the image source to load it
+        image.setAttribute('src', dataSrc);
+      }
+    }
+
+  } else {
+    console.log("The cookie is not set or expired.");
+    document.getElementById('Vip').style.display = 'none'
+    document.getElementById('VIPBUTTON').style.display = 'none'
+  }
+
+  const Header = getCookie("Header");
+  const bg = getCookie("BG");
+  if (Header) {
+    console.log("The value of the cookie is: " + Header);
+    selectHeader(Header)
+  } else {
+    console.log("The cookie is not set or expired.");
+  }
+
+  if (bg) {
+    console.log("The value of the cookie is: " + bg);
+    selectHeader2(bg)
+  } else {
+    console.log("The cookie is not set or expired.");
+  }
+
+
+  const opacitySlider = document.getElementById('opacitySlider');
+const targetElements = document.getElementsByClassName('show');
+var loadedStuffVIPO = false;
+
+
+function searchHandleLoad2() {
+  const hiddenDivs = document.querySelectorAll('.box');
+  const lazyImages = document.querySelectorAll('.ImageForGame');
+ 
+  lazyImages.forEach(image => {
+   
+      image.src = image.getAttribute('data-src');
+      image.onload = function() {
+        image.classList.add('showIMG');
+      
+    }
+  });
+  hiddenDivs.forEach(div => {
+   
+      div.classList.add('show');
+    
+  });
+
+
+}
+
+opacitySlider.addEventListener('input', function() {
+  console.log('Yo')
+  if(loadedStuffVIPO===false) {
+    searchHandleLoad2()
+    loadedStuffVIPO = true
+  }
+ 
+  for (let i = 0; i < targetElements.length; i++) {
+    targetElements[i].style.cssText += 'opacity: ' + opacitySlider.value + ' !important;';
+  }
+});
+
+  </script>
+
+<script>
+var dayy = document.getElementById('ec');
+
+  var today = new Date()
+var curHr = today.getHours()
+
+if (curHr < 12) {
+  console.log(curHr + '--' + today);
+  //document.getElementById('ec').innerHTML = 'Good Morning!'
+} else if (curHr < 18) {
+  console.log(curHr + '--' + today);
+  //document.getElementById('ec').innerHTML = 'Good Afternoon!'
+} else {
+console.log(curHr + '--' + today);
+ //document.getElementById('ec').innerHTML = 'Good Evening!'
+}
+
+</script>
+
+
+
+<!--div class="hello" style=" margin-right: auto; margin-left: auto; width: 430px;">
+  <a href="https://sites.google.com/view/fnf-unblockedhehe/home">
+      <p class="game" style="left: 105px;" >Infinite Tower</p>
+      <div class="fade" ></div>
+   <img style="border-radius: 15px; width: 400px;" src="https://github.com/sz-games/sz-games.github.io/blob/main/cover/fn.png?raw=true" alt="game">
+  </a>
+ 
+  
+</div-->
+<style>
+  .inputbox {
+  position: relative;
+  width: 196px;
+  z-index: 6;
+  left: 50%;
+  transform: translate(-50%, -0%);
+}
+
+.inputbox input {
+  position: relative;
+  width: 100%;
+  padding: 20px 10px 10px;
+  background: transparent;
+  outline: none;
+  box-shadow: none;
+  border: none;
+  color: #ffffff;
+  font-size: 1em;
+  letter-spacing: 0.05em;
+  transition: 0.5s;
+  z-index: 10;
+}
+
+.inputbox label {
+  position: absolute;
+  left: 0;
+  padding: 20px 10px 10px;
+  font-size: 1em;
+  color: #ffffff;
+  letter-spacing: 00.05em;
+  transition: 0.5s;
+  pointer-events: none;
+}
+
+.inputbox input:valid ~label,
+.inputbox input:focus ~label {
+  color: #ffffff;
+  transform: translateX(-10px) translateY(-34px);
+  font-size: 0,75em;
+}
+
+.inputbox i {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 2px;
+  background: #3d3d3d;
+  border-radius: 4px;
+  transition: 0.5s;
+  pointer-events: none;
+  z-index: 9;
+}
+
+.inputbox input:valid ~i,
+.inputbox input:focus ~i {
+  height: 44px;
+}
+
+@keyframes show {
+  from {
+    transform: scale(1.1);
+    opacity: 0 !important;
+  }
+
+  to {
+    transform: scale(1.0);
+    opacity: 1 !important;
+  }
+}
+
+.box {
+  opacity: 0;
+  transition: 0.5s;
+}
+
+.show {
+  animation: show 0.5s;
+  opacity: 1 !important;
+}
+
+.showIMG {
+  opacity: 1 !important;
+}
+
+</style>
+
+
+ 
+
+<button id="TEST3"
+style="width: 80%; height: 40px; font-size: 15px; color: white; background-color: #2f2f2f; border-radius: 15px; cursor: pointer; border: 2px solid grey; left: 50%; transform: translate(-50%, -0%); position: relative;"
+>Scroll To Latest Games</button>
+<br>
+<br>
+<div class="inputbox">
+
+    <input onkeyup="Search()"  id="SearchBox" required="required" type="text">
+  
+  <label for="SearchBox" style="color: white;">Search</label>
+  <i></i>
+</div>
+
+
+<style>
+  @keyframes ShowWifiAlert {
+    0% {opacity: 0; top: -100px;}
+    20% {opacity: 1; top: 5px;}
+    80% {opacity: 1; top: 5px;}
+    100% {opacity: 0; top: -100px; visibility: hidden;}
+  }
+  .showAlert {
+    animation: ShowWifiAlert 10.5s;
+  }
+</style>
+
+
+
+
+
+
+
+<br>
+
+
+
+<div id="games">
+
+
+
+
+ 
+
+
+<div class="box" id="Infinite Tower" style="position: relative; float: left; ">
+
+
+    <a href="https://sz-games.github.io/home/webb/">
+        <!--p class="game" style="left: 105px;" >Infinite Tower</p>
+        <div class="fade" ></div-->
+
+      <img fetchpriority="low" class="ImageForGame" data-src="https://github.com/sz-games/sz-games.github.io/blob/main/cover/helix.webp?raw=true" alt="game">
+      <div class="textover" style="  border-radius: 15px; background-color: #191919db;   top: 15% !important; color: rgb(255, 255, 255) !important;">Infinite Tower</div>
+    </a>
+   
+    
+</div>
+
+ <div class="box" id="Tunnel Rush" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/unity.html?game=https://sz-games.github.io/games/tunnel-rush/">
+    
+      <!--p class="game" >Tunnel Rush</p>
+      <div class="fade" ></div-->
+   <img fetchpriority="low" class="ImageForGame" data-src="https://github.com/sz-games/sz-games.github.io/blob/main/cover/tunnel.webp?raw=true" alt="game">
+   <div class="textover" style=" border-radius: 15px; background-color: #191919db;   top: 15% !important; color: rgb(255, 255, 255) !important;">Tunnel Rush</div>
+  </a>
+ 
+  
+</div>
+
+
+<div class="box" id="Space War" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/games/spac/">
+    
+      <!--p class="game" >Space Wars </p>
+      <div class="fade" ></div-->
+   <img fetchpriority="low" class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/space.webp" alt="game">
+   <div class="textover" style=" border-radius: 15px; background-color: #191919db;   top: 15% !important; color: rgb(255, 255, 255) !important;">Space War</div>
+  </a>
+ 
+  
+</div>
+    
+ 
+
+    <div class="box" id="Slope" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/slope/">
+
+    <img fetchpriority="low" class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/slope.webp" alt="game">
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;   top: 15% !important; color: rgb(255, 255, 255) !important;">Slope</div>
+
+  </a>
+ 
+  
+</div>
+
+
+<div class="box" id="Asteroids Belt" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/games/spacesh/">
+    <img fetchpriority="low" class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/Astr.webp" alt="game">
+    
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;   top: 15% !important; color: rgb(255, 255, 255) !important;">Asteroids Belt</div>
+
+      
+  </a>
+ 
+  
+</div>
+
+
+
+
+<div class="box" id="Backrooms" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/unity.html?game=https://sz-games.github.io/Games/backrooms">
+    <img fetchpriority="low" class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/backroom.webp" alt="game">
+    
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Backrooms</div>
+
+      
+  </a>
+ 
+  
+</div>
+
+
+
+
+<div class="box" id="Slide In The Woods" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/woods">
+    <img fetchpriority="low" class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/Slidein.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Slide In The Woods</div>
+
+  </a>
+ 
+  
+</div>
+
+
+<div class="box" id="Survivor Mode" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/zombie">
+    <img fetchpriority="low" class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/SurMode.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Survivor Mode</div>
+
+  </a>
+ 
+  
+</div>
+
+
+<div class="box" id="Stack" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/games/stack">
+    <img fetchpriority="low" class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/Stack.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Stack</div>
+
+  </a>
+</div>
+
+
+  
+  <div class="box" id="Fly Hydra" style="position: relative; float: left;">
+    <a href="https://sz-games.github.io/games/Bin/Game_file/call/hydra">
+      <img fetchpriority="low" class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/hydra.webp" alt="game">
+  
+      <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Fly Hydra</div>
+
+    </a>
+   
+
+
+</div>
+
+
+
+<div class="box" id="Dungeon Warrior" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/dungeon">
+    <img fetchpriority="low" class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/DunW.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Dungeon Warrior</div>
+
+  </a>
+
+</div>
+
+
+
+<div class="box" id="Iniltrating The Airship" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/games/henry-airship/infiltratingtheairshipgame.swf">
+    <img class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/Airship.webp" alt="game">
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Iniltrating The Airship</div>
+
+
+      
+  </a>
+
+</div>
+
+
+<div class="box" id="fleeing the complex" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://sz-games.github.io/Games6/Henry%20Stickmin%20-%20Fleeing%20the%20Complex.swf?raw=true">
+    <img class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/Complex.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Fleeing The Complex</div>
+
+  </a>
+
+</div>
+
+
+
+<div class="box" id="Escaping The Prison" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://sz-games.github.io/Games7/escaping_the_prison.swf?raw=true">
+    <img class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/Prison.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Escaping The Prison</div>
+
+  </a>
+
+</div>
+
+
+
+<div class="box" id="Breaking The Bank" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://sz-games.github.io/Games6/Henry%20Stickmin%20-%20Breaking%20the%20Bank.swf?raw=true">
+    <img class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/BankH.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Breaking The Bank</div>
+
+  </a>
+
+</div>
+
+
+<div class="box" id="Stealing The Diamond" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://sz-games.github.io/Games6/Henry%20Stickmin%20-%20Stealing%20the%20Diamond.swf?raw=true">
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/StealD.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Stealing The Diamond</div>
+
+  </a>
+
+</div>
+
+
+
+<div class="box" id="PC Breakdown" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://sz-games.github.io/Games6/PC%20Breakdown.swf?raw=true">
+    <img class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/PcB.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">PC Breakdown</div>
+
+  </a>
+
+</div>
+
+
+
+<div class="box" id="1v1 lol"  style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games-2/lol/">
+    <img class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/lol.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">1v1 LOL</div>
+
+  </a>
+
+</div>
+
+<div class="box"  id="run 3" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games-2/run3/">
+    <img class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/run3s.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Run 3</div>
+
+  </a>
+
+</div>
+
+
+<div class="box"  id="Riddle School" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/games/swf/riddd.swf">
+    <img class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/rid.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Riddle School</div>
+
+  </a>
+
+</div>
+
+<div class="box"  id="Riddle School 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/games/swf/riddd2.swf">
+    <img class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/rid2.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Riddle School 2</div>
+
+  </a>
+
+</div>
+
+
+
+<div class="box"  id="riddle school 3" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/games/swf/riddd3.swf">
+    <img class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/rid3.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Riddle School 3</div>
+
+  </a>
+
+</div>
+
+
+<div class="box"  id="riddle school 4" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/games/swf/riddd4.swf">
+    <img class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/rid4.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Riddle School 4</div>
+
+  </a>
+
+</div>
+
+
+
+<div class="box"  id="riddle school 5" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/games/swf/riddd5.swf">
+    <img class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/rid5.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Riddle School 5</div>
+
+  </a>
+
+</div>
+
+<div class="box"  id="riddle transfer" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/games/swf/riddd6.swf">
+    <img class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/rid6.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Riddle Transfer</div>
+
+  </a>
+
+</div>
+
+
+
+<div class="box"  id="riddle transfer 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/games/swf/riddd7.swf">
+    <img class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/rid7.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Riddle Transfer 2</div>
+
+  </a>
+
+</div>
+
+<div class="box"  id="Subway Surfers" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://dddavit.github.io/subway/">
+    <img class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/sub.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Subway Surfers</div>
+
+  </a>
+
+</div>
+
+
+<div class="box"   id="Chrome Dino" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/games/dino">
+    <img class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/dino.webp" alt="game">
+
+    <div class="textover" style=" border-radius: 15px; background-color: #191919db;">Chrome Dino</div>
+
+  </a>
+
+</div>
+
+
+<div class="box"  id="tetris" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://games-from-flash.github.io/swf/Tetris.swf?raw=true">
+    <img class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/tetris.webp" alt="game">
+    <div class="textover" style="color: rgb(255, 255, 255) !important;">Tetris</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="paper.io" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games/paperio2/index.html">
+    <img class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/paperio.webp" alt="game">
+    
+    <div class="textover" style=" color: rgb(255, 255, 255) !important;">Paper.io 2</div>
+
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="papas burgeria" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://sz-games.github.io/FlashGames/papasburgeria.swf">
+
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/papasbur.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Papa's Burgeria</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="papas scooperia" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://sz-games.github.io/games/swf/papasscooperia_v102.swf">
+
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/scoop.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Papa's Scooperia</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="papas sushiria" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://sz-games.github.io/FlashGames/papassushiria.swf">
+
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/sushiria.jpg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Papa's Sushiria</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="papas bakeria" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://sz-games.github.io/FlashGames/papasbakeria.swf">
+
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/bakeria.jpg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Papa's Bakeria</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="papas pastaria" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://sz-games.github.io/FlashGames/papaspastaria.swf">
+
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/pastaria.jpg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Papa's Pastaria</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="papas cupcakeria" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://sz-games.github.io/FlashGames/papascupcakeria.swf">
+
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/cupcakeria.jpg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Papa's Cupcakeria</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="papas pizzeria" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://sz-games.github.io/FlashGames/papaspizzeria_v2.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/pizzeria.jpg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Papa's Pizzeria</div>
+      
+  </a>
+
+</div>
+
+<style>
+  @keyframes medal {
+    0% { left: -500px;}
+    20% {left: -1px;}
+    50% {left: -1px;}
+    70% {left: -1px;}
+    90% {opacity: 1;left: -1px;}
+    100% {opacity: 0; left: -500px;}
+  }
+
+</style>
+
+
+
+<!--div id="medall" style="opacity: 0;  margin-left: 1px;  animation-duration: 15s; transition: 0.5s; position: fixed; z-index: 5; box-shadow: 12px 12px #39393963; top: 10%; border-radius: 0px 25px 25px 0px; width: 300px; height: 150px; background-color: #1d1d1d;">
+<h2 id="okf" style="margin-left: 50px; color: white; font-family: Verdana, Geneva, Tahoma, sans-serif;">Medal Earned!</h2>
+<h2  id="namemed" style=" margin-left: 0px; color: white;">Afk</h2>
+<p  id="meddle" style=" color: white; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;">Stayed On The Home Page For 5 minutes.</p>
+</div-->
+
+<!--script>
+  var afkk = document.getElementById('afkk')
+  var firststeps = document.getElementById('first-steps')
+  var afkpr = false;
+
+  var firstt = false;
+
+    afkk.style.color = "#595959";
+   
+   var Name = document.getElementById('namemed');
+   var description = document.getElementById('meddle');
+   var medd = document.getElementById('medall');
+   setInterval(displayHello, 1000);
+
+   function displayHello() {
+   if (localStorage.clickcount) {
+    afkk.style.color = 'white';
+} else {
+
+  afkk.style.color = "#595959";
+  //localStorage.clickcount = 1;
+}
+   }
+  setTimeout(() => {
+    
+    afkk.style.color = 'white';
+ Name.innerHTML = "Afk";
+ 
+  localStorage.clickcount = 1;
+
+ description. innerHTML = "Stayed On The Home Page For 5 minutes.";
+   medd.style.opacity = 1;
+    medd.style.animation = 'medal 15s';
+    setTimeout(() => {
+
+   medd.style.opacity = 0;
+    
+  }, 15000);
+  }, 300000);
+ 
+</script-->
+
+<div class="box" id="bloxorz" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/bloxx">
+    <img class="ImageForGame" data-src="https://github.com/sz-games/sz-games.github.io/blob/main/cover/blox.jpeg?raw=true" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Bloxorz</div>
+      
+  </a>
+
+</div>
+
+<div class="box" id="cookie clicker" style=" float: left;">
+  <a href="https://mr-funkinguy.github.io/cookieclicker/">
+    <img class="ImageForGame" data-src="https://github.com/sz-games/sz-games.github.io/blob/main/cover/click.png?raw=true" alt="game">
+
+      
+  </a>
+
+</div>
+
+<div class="box" id="agar.io" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/agario">
+    <img class="ImageForGame" data-src="https://github.com/sz-games/sz-games.github.io/blob/main/cover/agario.jpeg?raw=true" alt="game">
+
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;   color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Agar.io</div>
+  </a>
+
+</div>
+
+<style>
+  .textover {
+    position: absolute; 
+    top: 15%; 
+    left: 50%; 
+    width: 80% !important;
+    transform: translate(-50%, -50%);
+     z-index: 1;
+     border-radius: 15px;
+     background-color: #191919db;
+      color: rgb(255, 255, 255) !important;
+      font-weight: bold;  
+      text-align: center;
+      padding: 0px 5px;
+  }
+</style>
+
+<div class="box" id="Basketball Stars" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/basketball-stars">
+  
+    <img class="ImageForGame" data-src="https://github.com/sz-games/sz-games.github.io/blob/main/cover/bscLeg.avif?raw=true" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  ">Basketball Stars</div>
+      
+  </a>
+
+</div>
+
+
+
+<div class="box" id="crossy road" style=" position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/cr/">
+    <img class="ImageForGame" data-src="https://github.com/sz-games/storage3/blob/main/cr.jpeg?raw=true" alt="game">
+    <div class="textover" style="">Crossy Road</div>
+  </a>
+</div>
+
+<div class="box" id="EEL Slap" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/storage3/eelslap/">
+    <img class="ImageForGame" data-src="https://github.com/sz-games/storage3/blob/main/eelslap/Screenshot%202023-04-25%20at%202.35.48%20PM.png?raw=true" alt="game">
+    <div class="textover" style="">eel Slap</div>
+  </a>
+</div>
+
+
+
+<div class="box" id="Minecraft" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/storage3/AWeb">
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/Minecraft.png" alt="game">
+
+    <div class="textover" style="">Minecraft </div>
+  </a>
+</div>
+
+
+<div class="box" id="WebGL Fluid Animation" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/storage3/1/">
+    <img class="ImageForGame" data-src="https://github.com/sz-games/storage3/blob/main/1/logo.png?raw=true" alt="game">
+    <div class="textover" style="">WebGl Fluid Animation</div>
+  </a>
+</div> 
+
+
+
+<div class="box" id="Funny Shooter" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/fs">
+    <img class="ImageForGame" data-src="https://github.com/sz-games/storage3/blob/main/fs.jpeg?raw=true" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Funny Shooter</div>
+  </a>
+</div> 
+
+<div class="box" id="Geomerty Dash" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/Abc6782/games/geodash/index.html">
+    <img class="ImageForGame" data-src="https://abc6782.github.io/cardImages/geodash.png" alt="game">
+    <div class="textover" style="color: #ffffff !important;">Geomerty Dash</div>
+  </a>
+</div> 
+
+
+<div class="box" id="Bitlife" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/rating.html?game=bitlife&&url=https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/Abc6782/games/bitlife">
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/Bitlife.png" alt="game">
+
+    <div class="textover" style="">Bitlife</div>
+  </a>
+</div> 
+
+<div class="box" id="A Dance of Fire And Ice" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://lioxryt.github.io/lioxryt-assets/other/adofai/">
+    <img class="ImageForGame"  data-src="https://raw.githubusercontent.com/Mr-funkinguy/lioxrytassets/main/other/adofai/unnamed.png" alt="game">
+    <div class="textover" style="color: white !important;">A Dance Of Fire And Ice</div>
+  </a>
+</div> 
+
+<div class="box" id="Super Hot" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/Abc6782/games/superhot/index.html">
+    <img class="ImageForGame"  data-src="https://raw.githubusercontent.com/Mr-funkinguy/Abc6782/main/cardImages/super-hot.jpg" alt="game">
+    <div class="textover" style="color: rgb(255, 255, 255) !important;">Super Hot</div>
+  </a>
+</div> 
+
+<div class="box" id="Fnaf 1" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/Abc6782/games/fnaf/fnaf-1/index.html">
+    <img class="ImageForGame"  data-src="https://raw.githubusercontent.com/Mr-funkinguy/Abc6782/main/cardImages/fnaf1.png" alt="game">
+    <div class="textover" >FNAF</div>
+  </a>
+</div> 
+
+<div class="box"  id="Fnaf 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games4//fnaf-2/index.html">
+    <img class="ImageForGame"  data-src="https://raw.githubusercontent.com/Mr-funkinguy/Abc6782/main/cardImages/fnaf2.png" alt="game">
+    <div class="textover" >FNAF 2</div>
+  </a>
+</div> 
+
+
+<div class="box" id="Fnaf 3" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/Abc6782/games/fnaf/fnaf-3/index.html">
+    <img class="ImageForGame"  data-src="https://raw.githubusercontent.com/Mr-funkinguy/Abc6782/main/cardImages/fnaf3.png" alt="game">
+    <div class="textover" >FNAF 3</div>
+  </a>
+</div> 
+
+
+<div class="box" id="Fnaf 4" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/Abc6782/games/fnaf/fnaf-4/index.html">
+    <img class="ImageForGame"  data-src="https://raw.githubusercontent.com/Mr-funkinguy/Abc6782/main/cardImages/fnaf4.png" alt="game">
+    <div class="textover" >FNAF 4</div>
+  </a>
+</div> 
+
+<div class="box" id="fnaf sister location" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/fnafsl.html">
+    <img class="ImageForGame"  data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/SL1109.png" alt="game">
+    <div class="textover" >FNAF Sister Location (Fan Made)</div>
+  </a>
+</div> 
+
+
+
+<div class="box" id="Fruit Ninja" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/Abc6782/games/fruitNinja/index.html">
+    <img class="ImageForGame"  data-src="https://raw.githubusercontent.com/Mr-funkinguy/Abc6782/main/cardImages/fruitNinja.png" alt="game">
+    <div class="textover" style="color: rgb(255, 255, 255) !important;">Fruit Ninja</div>
+  </a>
+</div> 
+
+
+<div  class="box" id="Temple Run 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/Abc6782/games/temple-run-2/index.html">
+    <img class="ImageForGame"  data-src="https://raw.githubusercontent.com/Mr-funkinguy/Abc6782/main/cardImages/templeRun.jpg" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  color: rgba(255, 255, 255, 0.827) !important;">Temple Run 2</div>
+  </a>
+</div> 
+
+<div class="box" id="Uno" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/Abc6782/games/uno/index.html">
+    <img class="ImageForGame"  data-src="https://raw.githubusercontent.com/Mr-funkinguy/Abc6782/main/cardImages/uno.jpg" alt="game">
+    <div class="textover" >UNO</div>
+  </a>
+</div> 
+
+<div class="box" id="We Become What We Behold" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/gfile/wbwwb/index.html">
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/67K.avif" alt="game">
+
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important;">We Become What We Behold</div>
+  </a>
+</div> 
+
+<div class="box" id="dreader" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/gfile/dreader/index.html">
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/Dreader.webp" alt="game">
+
+    <div class="textover" style="color: rgba(255, 255, 255, 0.827) !important;">dreader</div>
+  </a>
+</div> 
+
+<div class="box" id="snake" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/gfile/snake/index.html">
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/SNAKE.png" alt="game">
+
+    <div class="textover" style="color: rgba(255, 255, 255, 0.827) !important;">Snake</div>
+  </a>
+</div> 
+
+<div class="box" id="Flappy Bird" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/gfile/flappy/index.html">
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/FlappyBird.png" alt="game">
+
+    <div class="textover" style="color: rgba(255, 255, 255, 0.827) !important;">Flappy Bird</div>
+  </a>
+</div> 
+
+<div class="box" id="Mario Vs Luigi" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/gfile/mariovsluigi/index.html">
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/647K.png" alt="game">
+
+    <div class="textover" style="color: rgba(255, 255, 255, 0.827) !important;">Super Mario Bros. Multiplayer</div>
+  </a>
+</div> 
+
+
+<div class="box" id="SketchBook" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/gfile/sketchbook/index.html">
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/47K.png" alt="game">
+
+    <div class="textover" style="color: rgba(255, 255, 255, 0.827) !important;">Sketchbook</div>
+  </a>
+</div> 
+
+
+<div class="box" id="Chess" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/games/chess/index.html">
+    <img class="ImageForGame"  data-src="https://github.com/sz-games/sz-games.github.io/blob/main/cover/chess.png?raw=true" alt="game">
+    <div class="textover" style="color: rgba(255, 255, 255, 0.827) !important;">Chess</div>
+  </a>
+</div> 
+
+
+
+<div class="box" id="george and the printer" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/gfile/georgeandtheprinter/index.html">
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/8Jk.png" alt="game">
+
+    <div class="textover" style="color: rgba(255, 255, 255, 0.827) !important;">George And the Printer</div>
+  </a>
+</div> 
+
+<div class="box" id="Bloons Tower Defense 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/GameStuff/gfiles/btd2/index.html">
+    <img class="ImageForGame"  data-src="https://mr-funkinguy.github.io/GameStuff/img/btd2.jpg" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;   color: rgba(255, 255, 255, 0.827) !important;">Bloons Tower Defense 2</div>
+  </a>
+</div> 
+
+<div class="box" id="Chill Radio" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/GameStuff/gfiles/chill-radio/">
+    <img class="ImageForGame"  data-src="https://mr-funkinguy.github.io/GameStuff/img/chillradio.jpg" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Chill Radio</div>
+  </a>
+</div> 
+
+<div class="box" id="Sandboxels" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/sandboxels">
+    <img class="ImageForGame"  data-src="https://mr-funkinguy.github.io/sandboxels/icons/wallpaper.webp" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Sandboxels</div>
+  </a>
+</div> 
+
+
+<div class="box" id="Noclip" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://noclip.website/">
+    <img class="ImageForGame"  data-src="https://github.com/sz-games/storage3/blob/main/NOMG.png?raw=true" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Noclip</div>
+  </a>
+</div> 
+
+<div class="box" id="Street Fighter" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/games3/fighter2">
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/op9p.jpeg" alt="game">
+
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important;">Street Fighter 2</div>
+  </a>
+</div> 
+
+<div class="box" id="Smash Karts" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/75/projects/smashkarts/index.html">
+    <img class="ImageForGame"  data-src="https://github.com/sz-games/sz-games.github.io/blob/main/cover/smash-karts.jpg?raw=true" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Smash Karts</div>
+  </a>
+</div> 
+
+<div class="box" id="Combat Online" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://unblockeds-games.com/webgl/combat-online/index.html">
+    <img class="ImageForGame"  data-src="https://github.com/sz-games/storage3/blob/main/NOMG.png?raw=true" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Combat Online</div>
+  </a>
+</div> 
+
+<div class="box" id="Time Shooter 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/time-shooter-2/index.html">
+    <img class="ImageForGame"  data-src="https://github.com/sz-games/sz-games.github.io/blob/main/cover/time-shooter-2.jpg?raw=true" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Time Shooter 2</div>
+  </a>
+</div> 
+
+
+<div class="box" id="Happy Wheels" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mrsnailman.github.io/Happy-Wheels-Source-Code/">
+    <img class="ImageForGame"  data-src="https://github.com/sz-games/storage3/blob/main/NOMG.png?raw=true" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Happy Wheels</div>
+  </a>
+</div> 
+
+<div class="box" id="Rooftop Snipers" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/games/rooftop-snipers/">
+    <img class="ImageForGame"  data-src="https://github.com/sz-games/sz-games.github.io/blob/main/cover/rooftop-snipers.png?raw=true" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Rooftop Snipers</div>
+  </a>
+</div> 
+
+<div class="box" id="Cube 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://kripken.github.io/BananaBread/cube2/bb.html">
+    <img class="ImageForGame"  data-src="https://github.com/sz-games/sz-games.github.io/blob/main/cover/cube2.png?raw=true" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Cube 2</div>
+  </a>
+</div> 
+
+
+<div class="box" id="Cube Engine" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/Cube-engine/play.html">
+    <img class="ImageForGame"  data-src="https://github.com/sz-games/sz-games.github.io/blob/main/cover/CubeEngine.png?raw=true" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Cube Engine</div>
+  </a>
+</div> 
+
+<div class="box" id="Super Mario 64" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/Games2/sm64">
+    <img class="ImageForGame"  data-src="https://github.com/sz-games/sz-games.github.io/blob/main/cover/64.jpeg?raw=true" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Super Mario 64</div>
+  </a>
+</div> 
+
+
+<div class="box" id="Doodle Jump" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/gfile/doodle/index.html">
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/09ML.avif" alt="game">
+
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Doodle Jump</div>
+  </a>
+</div> 
+
+<div class="box" id="draw the hill" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/75/projects/draw-the-hill/index.html">
+    <img class="ImageForGame"  data-src="https://github.com/Mr-funkinguy/75/raw/main/projects/draw-the-hill/icons/icon-512.png" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Draw The Hill</div>
+  </a>
+</div> 
+
+<div class="box" id="Flappy Bird" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/83/flappy-bird/index.html">
+    <img class="ImageForGame"  data-src="https://github.com/Mr-funkinguy/75/raw/main/projects/flappy-bird/assets/thumb.png" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">flappy-bird</div>
+  </a>
+</div> 
+
+<div class="box" id="Five Nights at Winston's" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/75/projects/fnaw/index.html">
+    <img class="ImageForGame"  data-src="https://github.com/Mr-funkinguy/75/raw/main/projects/fnaw/splash.png" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  color: rgba(255, 255, 255, 0.827) !important;">Five Nights at Winston's</div>
+  </a>
+</div> 
+
+<div class="box" id="Google Feud" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/83/google-feud/index.html">
+    <img class="ImageForGame"  data-src="https://github.com/Mr-funkinguy/75/raw/main/projects/google-feud/splash.png" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Google Feud</div>
+  </a>
+</div> 
+
+<div class="box" id="Grey Box Testing" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/75/projects/greybox/index.html">
+    <img class="ImageForGame"  data-src="https://github.com/Mr-funkinguy/75/raw/main/projects/greybox/ico.png" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Grey Box Testing</div>
+  </a>
+</div> 
+
+<div class="box" id="Kitchen Gun" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/75/projects/kitchen-gun-game/index.html">
+    <img class="ImageForGame"  data-src="https://github.com/Mr-funkinguy/75/raw/main/projects/kitchen-gun-game/splash.png" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Kitchen Gun</div>
+  </a>
+</div> 
+
+<div class="box" id="Noob Steve Parkour" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/75/projects/noob-steve-parkour/index.html">
+    <img class="ImageForGame"  data-src="https://github.com/Mr-funkinguy/75/raw/main/projects/noob-steve-parkour/512x512.jpg" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;   color: rgba(255, 255, 255, 0.827) !important;">Noob Steve Parkour</div>
+  </a>
+</div> 
+
+<div class="box" id="Popcat Classic" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/75/projects/popcat-classic/index.html">
+    <img class="ImageForGame"  data-src="https://github.com/Mr-funkinguy/75/raw/main/projects/popcat-classic/splash.png" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Popcat Classic</div>
+  </a>
+</div> 
+
+<div class="box" id="PolyBranch" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/75/projects/polybranch/index.html">
+    <img class="ImageForGame"  data-src="https://github.com/Mr-funkinguy/75/raw/main/projects/polybranch/img/pic1.png" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">PolyBranch</div>
+  </a>
+</div> 
+
+
+<div class="box" id="Push Your Luck" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/push-your-luck/index.html">
+    <img class="ImageForGame"  data-src="https://github.com/Mr-funkinguy/75/raw/main/projects/push-your-luck/assets/img/push.png" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Push Your Luck</div>
+  </a>
+</div> 
+
+<div class="box" id="SoundBoard" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/83/soundboard/index.html">
+    <img class="ImageForGame"  data-src="https://github.com/Mr-funkinguy/75/raw/main/projects/soundboard/img/mlg-favicon.png" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">SoundBoard</div>
+  </a>
+</div> 
+
+<div class="box" id="Papery Planes" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/75/projects/papery-planes/index.html">
+    <img class="ImageForGame"  data-src="https://github.com/Mr-funkinguy/75/raw/main/projects/papery-planes/splash.jpg" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Papery Planes</div>
+  </a>
+</div> 
+
+
+<div class="box" id="The Heist" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/75/projects/theheist/index.html">
+    <img class="ImageForGame"  data-src="https://github.com/Mr-funkinguy/75/raw/main/projects/theheist/theheist.jpg" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">The Heist</div>
+  </a>
+</div> 
+
+<div class="box" id="Incredibox" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/incredibox-v9/">
+    <img class="ImageForGame"  data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/incred.jpeg" alt="game">
+    <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 13% !important; color: rgba(255, 255, 255, 0.827) !important;">Incredibox</div>
+  </a>
+</div> 
+
+<div class="box"  id="Learn To Fly" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://sz-games.github.io/FlashGames/learntofly.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/ltf.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Learn To Fly</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Learn To Fly 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://sz-games.github.io/FlashGames/learntofly2.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/ltf2.jpg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Learn To Fly 2</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Cat Ninja" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://images-opensocial.googleusercontent.com/gadgets/ifr?url=https://s3.amazonaws.com/production-assetsbucket-8ljvyr1xczmb/1ee20621-61bc-4ec8-a8ec-5e839c2e6edc%2Fcat-ninja.xml">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/catnin.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Cat Ninja</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="moto x3m" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://tbg95.github.io/moto-x3m/game">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/motox3m.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Moto X3M</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="moto x3m 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/motox3m2">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/X3M2.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Moto X3M 2</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="moto x3m pool party" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/motox3m-pool">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/X3M3.avif" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Moto X3M Pool Party</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="moto x3m spooky land" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/motox3m-spooky">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/X3M9.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Moto X3M Spooky Land</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="moto x3m winter" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/motox3m-winter">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/X3M5.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Moto X3M Winter</div>
+      
+  </a>
+
+</div>
+
+
+
+<div class="box"  id="Fireboy & Watergirl 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://sz-games.github.io/FlashGames/Game11-FIRE.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/FireW.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Fireboy & Watergirl 2</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="Boxing Random" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://tylerpalko.github.io/gamehub/boxingrandom/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/NOMGG.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Boxing Random</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="CSGO Clicker" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games/CSGO-CLICKER">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/CSGO.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">CSGO Clicker</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Monkey Mart" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games/monkey-mart">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/MKMART.avif" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Monkey Mart</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Doom" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/wasmStuff/doom/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/Doom.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Doom</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="Bob The Robber 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games/bobtherobber2">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/bthe.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Bob The Robber 2</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="The Hotel" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games/the-hotel">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/thehotel.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">The Hotel</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Sonic" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://sz-games.github.io/FlashGames/SONIC.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/UFS.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Ultimate Flash Sonic</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Hacker Typer" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games/Hacker-Typer/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/Hacker.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Hacker Typer</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="2048" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/20481">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/2048.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">2048</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Circles" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/circle">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/Circles.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Circles</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Align 4" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/align-4">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/align4.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Align 4</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Among Us" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/among-us">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/AmoungUs.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Among Us (Fan Made)</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="Colorun" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/colorun">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/Coloron.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Colorun</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="Craftmine" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/craftmine">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/craftmine.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Craftmine</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Deal Or No Deal" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/deal-or-no-deal">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/DOND.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Deal Or No Deal</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="economical" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/economical">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/economicle.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Economical</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="economical 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/economical2">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/Economical-2.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Economical 2</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Factory Balls" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/factoryballs">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/FCTYBalls.avif" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Factory Balls</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Gataway Shootout" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/getaway-shootout">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/GTEWY.avif" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Gataway Shootout</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Grind Craft" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/grindcraft">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/GrindCraft.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Grind Craft</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="madalin stunt cars 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/madalin-stunt-cars-2">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/113347.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Madalin Stunt Cars 2</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="madalin stunt cars 3" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/madalin-stunt-cars-3">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/11456.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Madalin Stunt Cars 3</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="q1k3" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/q1k3">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/q1k3.avif" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Q1K3</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="Rolly Vortex" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/rolly-vortex">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/RVortrex.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Rolly Vortex</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Slope 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/slope-2">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/slope2.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Slope 2</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Snowbattle" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/snowbattle">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/snowbattle.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Snowbattle.io</div>
+      
+  </a>
+
+</div>
+<div class="box"  id="Space Company" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/spaceCompany">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/spacecompany.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Space Company</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Stack Bump 3D" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/stack-bump-3d">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/STCKB3.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Stack Bump 3D</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="swerve" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/swerve">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/swerve.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Swerve</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="The Cube" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/the-cube-master">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/TheCube.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">The Cube</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="The Lost Ball" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/the-lost-ball">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/TheLostBall.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">The Lost Ball</div>
+      
+  </a>
+
+</div>
+
+
+
+<div class="box"  id="Townscaper" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/townscaper">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/townscaper.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Townscaper</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Wordle" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games2/wordle">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/wordle.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Wordle</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Zelda 3D" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Emulator.html?game=https://sz-games.github.io/Games2/zelda3d">
+    
+    <img  class="ImageForGame" data-src="https://github.com/sz-games/storage3/blob/main/NOMG.png?raw=true" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Zelda 3D</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Doge Miner" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games4/DogeMiner">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/DGMINER.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Doge Miner</div>
+      
+  </a>
+
+</div>
+
+<!--div class="box"  id="Doge Miner 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games4/Dogeminer2">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/DGMINER2.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Doge Miner2</div>
+      
+  </a>
+
+</div-->
+
+<div class="box"  id="Drift Hunters" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://webglmath.github.io/drift-hunters/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/drift-hunters.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Drift Hunters</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="bloxd.io" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://bloxd.io">
+    
+    <img  class="ImageForGame" data-src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAElBMVEVELx2+fF74+/tfU8rcnXYmJijckvdIAAAANElEQVR4AWMYXkAQCZAhAOYqKRkbgzjGxkpKQCEyBFxclJRCQ12AIDRUScnFhSwBFDBgAgBawjyRK2AIpQAAAABJRU5ErkJggg==" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Bloxd.io</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Voxiom.io" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://voxiom.io">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/VOX.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Voxiom.io</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="tv static" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games4/tv-static">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/STATIC2.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">TV Static</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="tactical weapon pack 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games4/tactical-weapon-pack-2">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/WPNPK2.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Tactical Weapon Pack 2</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="santy is home" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games4/santy-is-home">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/SANTYISHOME.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Santy Is Home</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="sushi unroll" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games4/sushi-unroll">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/UNROLL.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Sushi Unroll</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="super mario construct" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games4/supermarioconstruct">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/0034.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Super Mario Construct</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="win the whitehouse" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games4/win-the-whitehouse">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/0035.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Win The Whitehouse</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="rocket league" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games4/Rocket-League/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/ROCKETL5.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Rocket League (Clone)</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="missile game " style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games4/missiles/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/1094.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Missile Game</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="merge round racers" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games4/merge-round-racers/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/11940.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Merge Round Racers</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="frying nemo" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games4/frying-nemo/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/1190a.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Frying Nemo</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="stick duel battle" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games4/stick-duel-battle/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/1109g.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Stick Duel Battle</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="super mario bros" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games4/SuperMario/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/091h.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Super Mario Bros</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="cars simulator" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games4/cars-simulator/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/098BU.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Cars Simulator</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="the worlds hardest game" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/Games5/swf/TheWorldsHardestGame.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/5BL.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">The Worlds Hardest Game</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="the worlds hardest game 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/Games5/swf/Worlds Hardest Game 2.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/59BJ.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">The Worlds Hardest Game 2</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="super smash flash" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/Games5/swf/Super Smash Flash.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/YU90.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Super Smash Flash</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="little alchemy 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://littlealchemy2.com/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/LACH2.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Little Alchemy 2</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="angry birds" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/AngryBirds/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/0991L.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Angry Birds: Slingshot Frenzy</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="hexgl" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/HexGL-master/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/HexGl.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">HexGl</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="jetpack joyride" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/jetpack-joyride/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/jetpackjoyride.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Jetpack Joyride</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="mini shooters" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/mini-shooters/unblocked.html">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/MINI109.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Mini Shooters</div>
+      
+  </a>
+
+</div>
+
+
+
+<div class="box"  id="pixel gun apocalypse 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/pixelgun/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/PIXEL901.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Pixel Gun Apocalypse 2</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="99balls" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/99balls/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/99balls.avif" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">99 Balls</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="9007199254740992" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/9007199254740992/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/9900ER.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">9007199254740992</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="angry sharks" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/angry-sharks/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/00LM2.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Angry Sharks</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="station 141" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/station-141/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/ST141.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Station 141</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="pipe riders" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/pipe-riders">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/098B.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Pipe Riders</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="adventure drivers" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/adventure-drivers">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/0098K.avif" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Adventure Drivers</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="amazing rope police" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/amazing-rope-police">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/098M.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Amazing Rope Police</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="10 minutes till dawn" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/10-minutes-till-dawn">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/10MINB.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">10 Minutes Till Dawn</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="cut the rope" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/ctr">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/ctr.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Cut The Rope</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="cut the rope 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/ctr-holiday">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/ctr2.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Cut The Rope 2</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="cut the rope 3" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/ctr-tr">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/tr3.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Cut The Rope 3</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="defend the tank" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/defend-the-tank">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/098MN.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Defend The Tank</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="bad ice cream" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/bad-ice-cream">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/BICEC.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Bad Ice Cream</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="bad ice cream 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/bad-ice-cream-2">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/BICEC2.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Bad Ice Cream 2</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="bad ice cream 3" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/bad-ice-cream-3">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/BICEC3.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Bad Ice Cream 3</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="storm the house 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/Games5/stormthehouse2/StormtheHouse2.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/stormthehouse2.jpg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Storm The House 2</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="highway justice" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/Games5/highway-justice.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/09KL.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Highway Justice</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="drive mad" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/drive-mad">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/drive-mad.jpg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Drive Mad</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="connect 3" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/connect3">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/connect3.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Connect 3</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="stickman hook" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/stickman-hook">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/890P.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Stickman Hook</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="champion island" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/champion-island">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/0091GH.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Champion Island</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="wordle" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/wordle">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/WORDLEE.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Wordle</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="ovo" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games5/ovo">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/OVO.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">OvO</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="The Battle" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/Games5/thebattle.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/eer6.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">The Battle</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Highway Racer" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/hwy-rcer">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/hwy-rcer.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Highway Racer</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="roommate" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/roommate/31">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/PO09.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Roommate</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="1v1 space" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/1v1space">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/CLOUDS.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">1v1 Space</div>
+      
+  </a>
+
+</div>
+<div class="box"  id="untitled zombie game" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://v6p9d9t4.ssl.hwcdn.net/html/8805247/UZG/index.html">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/UZG.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Untitled Zombie Game</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="cupcake 2048" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/cupcake2048">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/2048CC.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Cupcake 2048</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="evil glitch" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/evil-glitch">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/EVILG.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Evil Glitch</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="cannon basketball 4" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/cannon-basketball-4">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/CANNONBSKT.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Cannon Basketball 4</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="dragon vs bricks" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/dragon-vs-bricks">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/67OPY.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Dragon Vs Bricks</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="drift boss" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/drift-boss">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/DRIFTBOSS.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Drift Boss</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="eggy car" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/eggycar">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/EGGYCAR.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Eggycar</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="blockpost" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/blockpost">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/BLOCKPOST.avif" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Blockpost</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="portal flash" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/Games6/portal.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/PORTALF.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Portal Flash</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="ice age baby" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/unity.html?game=https://sz-games.github.io/Games6/iceagebaby">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/ICEAGEBABY.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Ice Age Baby</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="black hole square" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/blacholesquare">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/BLACKHOLESQ.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Black Hole Square</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="virtual os" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/vmlinux">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/VM78.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Virtual OS</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="30 dollar website" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/30dollarwebsite">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/30dollarwebsite.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">30 Dollar Website</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="gun mayhem" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/Games6/gun-mayhem.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/GMYHM.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Gun Mayhem</div>
+      
+  </a>
+
+</div>
+
+
+
+<div class="box"  id="gun mayhem 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/Games6/gun-mayhem-2.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/GMYHM.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Gun Mayhem 2</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="animator vs animation" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/Games6/animatorvsanimation.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/ANMVS.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Animator Vs Animation</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="ballistic chickens" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/ballistic-chickens">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/BCHK.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Ballistic Chickens</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="big red button" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/bigredbutton">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/BRB5.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Big Red Button</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="burger and frights" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/burger-and-frights">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/BAFy.jpeg" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Burger And Frights</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="zombotron" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/zombotron">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/zombotron.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Zombotron</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="jelly truck" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/jellytruck">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/JELLYTRCK.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Jelly Truck</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="wheely 6" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/wheely6">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/wheely6.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Wheely 6</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="google solitaire" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/google-solitaire">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/google-solitaire.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Google Solitaire</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="8 ball" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/8ball">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/8ball.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">8 Ball</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="jacksmith" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/Games6/jacksmith.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/890Bml.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Jacksmith</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="dont fall io" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/dont-fall-io">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/DNTFLL.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Dont Fall .io</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="space cadet pinball" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/space-cadet-pinball/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/SPACECADET.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Space Cadet Pinball</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="the maze" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/Games6/themazev1.1.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/MAZE3.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">The Maze</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="rolling sky" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/webgl-rollingsky/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/SKYRO.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Rolling Sky</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="time shooter 3" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/timeshoot3/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/SWATSH.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Time Shooter 3 S.W.A.T</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="fancy pants adventure" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/Games6/fancypantsadventures/fancypantsadventure.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/FANCYADV.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Fancy Pants Adventure</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="basket and ball" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/basketandball">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/BASKETAND.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Basket And Ball</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="parking fury 3" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/parking-fury-3">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/PARKINGFUR.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Parking And Fury 3</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="snake.io" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/snakeio">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/SNAKEIO.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Snake.io</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="stickman epic battle" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/unity.html?game=https://sz-games.github.io/Games6/stickman-epic-battle">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/STICKMANEPIC.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Stickman Epic Battle</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="sort the court" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/unity.html?game=https://sz-games.github.io/Games6/sort-the-court">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/SORTTHECOURT.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Sort The Court</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="shuttle deck" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/shuttledeck">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/SHUTTLEDECK.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Shuttle Deck</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="sans fight" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/sansfight">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/SANSFIGHT.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Sans Fight</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="sand game" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/sand-game">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/SANDGAME.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Sand Game</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="oregon trail game" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/oregon-trail-game-master/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/OREGONB.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Oregon Trail Game</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="idle shark" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/idle-shark/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/IDLESHARK.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Idle Shark</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="death run 3d" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/death-run-3d/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/DEATHRUN.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Death Run 3D</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="clean up io" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/unity.html?game=https://sz-games.github.io/Games6/clean-up-io/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/CLEANUP.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Clean Up.io</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="online racing game" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/cars-master/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/CARSMASTER.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Online Racing Game</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="baldis basics" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/baldis-basics/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/BALDIS.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Baldis Basics</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="starwars movie" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/StarWarsMovie.html">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/STARWARS.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Starwars Movie</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="drift city" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/unity.html?game=https://sz-games.github.io/Games6/drift-city">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/DRIFTCITY.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Drift City</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="google baseball" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/google-baseball">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/BASEBALLG.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Google Baseball</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="horde killer" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/unity.html?game=https://sz-games.github.io/Games6/horde-killer">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/HORDEKILLER.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Horde Killer</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="timothys race" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games6/timothy's-race">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/TIMRACE.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Timothys Race</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="slowroads" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/slowroads">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/SLOWROADS.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Slowroads</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="Tactical Assasin 2" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=/Games7/tacticalassasin2.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/TACASSASIN.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Tactical Assasin 2</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="web osu" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/osu">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/OSU.webp" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Web OSU</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="very very plane" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/unity.html?game=https://sz-games.github.io/Games7/vvplane">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/VVPLANE.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Very Very Plane</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="tiny fishing" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/tiny-fishing">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/TINYFISH.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Tiny Fishing</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="waterworks" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/waterworks">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/WWH.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Waterworks</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="vex3" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/vex3">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/vex3.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Vex 3</div>
+      
+  </a>
+
+</div>
+<div class="box"  id="vex4" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/vex4">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/vex3.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Vex 4</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="vex5" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/vex5">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/vex3.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Vex 5</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="vex6" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/vex6">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/vex3.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Vex 6</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="vex7" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/vex3">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/vex3.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Vex 7</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="fake update" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://mr-funkinguy.github.io/MENU">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/FAKEUP.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Fake Update</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="black hole io" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/eatio">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/HOLEIO.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">BlackHole.io</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="flappy 2048" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/flappy-2048">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/FLAPPY2048.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Flappy 2048</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="gravity soccer" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/gravity-soccer">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/GRAVSOCCER.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Gravity Soccer</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="just fall" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/just-fall">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/JSTFALL.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Just Fall</div>
+      
+  </a>
+
+</div>
+
+
+
+<div class="box"  id="steal this election" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/steal-this-election">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/STEALTE.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Steal This Election</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="webretro" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/webretro">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/WEBRETRO.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Web Retro Emulator</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="x trial racing" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/x-trial-racing">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/XTRIAL.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">X Trial Racing</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="big tower tiny square" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/btts">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/BTTS.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Big Tower Tiny Square</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="offline Paradise" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/OfflineParadise">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/OFFP.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Offline Paradise</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="very normal shooter" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/verynormalshooter">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/VERYNORSH.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Very Normal Shooter</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="mindustry" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/mindustry">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/MINEDUST.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Mindustry</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="miniputt" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://sz-games.github.io/Games7/miniputt.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/miniputt.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Miniputt</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="basket bros" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/basketbros-io">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/BASKETBRO.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Basket Bros</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="cubefield" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/cubefield">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/CUBEF.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Cube Field</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="ball hop" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/ball-hop">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/ballhop.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Ball Hop</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="sky car stunt" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/sky-car-stunt">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/SKYCARSTUNT.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Sky Car Stunt</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="slime rush tower defence" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/slime-rush-td">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/SLIMERUSH.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Slime Rush Tower Defence</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="blackjack" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/blackjack">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/BLACKJACK.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Blackjack</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="biters io" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/biters-io">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/BITERS.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Biters Io</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="matrix rampage" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/Flash.html?game=https://sz-games.github.io/Games7/matrixrampage.swf">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/MATRIXR.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Matrix Rampage</div>
+      
+  </a>
+
+</div>
+
+
+
+
+
+<div class="box"  id="weavesilk" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/weavesilk/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/weavesilk.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Weavesilk</div>
+      
+  </a>
+
+</div>
+
+
+
+<div class="box"  id="train ride" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/trainride/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/trainride.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Train Ride</div>
+      
+  </a>
+
+</div>
+
+
+
+
+<div class="box"  id="tower master" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/towermaster/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/towermaster.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Tower Master</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="station meltdown" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/station-meltdown/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/stationmelt.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Station Meltdown</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="stackball" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/stackball/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/stackball.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Stackball</div>
+      
+  </a>
+
+</div>
+
+
+
+<div class="box"  id="snow rider" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/snow-rider3d/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/snowrider.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Snow Rider 3D</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="small world cup" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/smallworldcup/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/smallwrld.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Small World Cup</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="pokey stick" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/pokey-stick/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/stickpo.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Pokey Stick</div>
+      
+  </a>
+
+</div>
+
+<div class="box"  id="gun spinn" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/gunspinn/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/gunnn.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Gun Spinn</div>
+      
+  </a>
+
+</div>
+
+
+<div class="box"  id="breaklock" style="position: relative; float: left;">
+  <a href="https://sz-games.github.io/games/game.html?game=https://sz-games.github.io/Games7/breaklock/">
+    
+    <img  class="ImageForGame" data-src="https://raw.githubusercontent.com/sz-games/sz-games.github.io/main/cover/BREAKLOCK.png" alt="game">
+ <div class="textover" style="width: 90%; border-radius: 15px; background-color: #191919db;  top: 15% !important; color: rgba(255, 255, 255, 0.827) !important; color: rgb(255, 255, 255) !important;">Breaklock</div>
+      
+  </a>
+
+</div>
+
+
+
+
+<script>
+  
+document.getElementById('TEST3').addEventListener('click', function() {
+  searchHandleLoad();
+  window.scroll({
+    top: document.body.scrollHeight,
+    left: 0,
+    behavior: 'smooth'
+  });
+});
+
+
+</script>
+
+
+
+<section class="sticky">
+  <!--div class="bubbles">
+      <div class="bubble"></div>
+    <div class="bubble"></div>
+    <div class="bubble"></div>
+    <div class="bubble"></div>
+    <div class="bubble"></div>
+    <div class="bubble"></div>
+    <div class="bubble"></div>
+    <div class="bubble"></div>
+    <div class="bubble"></div>
+    <div class="bubble"></div>
+  </div-->
+
+ 
+<script>
+
+const imageContainer = document.getElementById("games");
+
+const images = imageContainer.getElementsByTagName("img");
+
+for (let i = 0; i < images.length; i++) {
+  images[i].addEventListener("error", function() {
+    console.log(`Image ${i+1} failed to load!`);
+
+  
+     setTimeout(function() {
+      images[i].src = images[i].src;
+     }, 3000); 
+  });
+  console.log('code: 9B')
+
+}
+
+
+  const container = document.getElementById('games');
+const boxes = document.querySelectorAll('.box');
+
+function isElementInViewport(element) {
+  const rect = element.getBoundingClientRect();
+  return (
+
+    rect.left >= 0 &&
+    rect.bottom <= (window.innerHeight + 400 || document.documentElement.clientHeight) &&
+    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
+  );
+}
+
+
+function handleScroll() {
+  const hiddenDivs = document.querySelectorAll('.box');
+  const lazyImages = document.querySelectorAll('.ImageForGame');
+  
+  if(canLoadImages = true) {
+    
+    lazyImages.forEach(image => {
+      if (isElementInViewport(image) && !image.src) {
+
+        image.src = image.getAttribute('data-src');
+        image.onload = function() {
+          
+          image.classList.add('showIMG');
+        
+         // console.log('Loaded Game')
+        };
+      }
+    });
+    
+    hiddenDivs.forEach(div => {
+      if (isElementInViewport(div)) {
+        div.classList.add('show');
+        //console.log('Loaded ' + div.id)
+      }
+    });
+  }
+}
+
+var PageHasLoaded = false
+
+window.addEventListener("load", function(event) {
+    if(PageHasLoaded = false) {
+      canLoadImages = true
+      console.log('E-2')
+
+      handleScroll()
+    }
+    console.log('E-1')
+
+});
+
+
+
+var preloaded = false
+function searchHandleLoad() {
+  const hiddenDivs = document.querySelectorAll('.box');
+  const lazyImages = document.querySelectorAll('.ImageForGame');
+  if(preloaded===false) {
+  lazyImages.forEach(image => {
+   
+      image.src = image.getAttribute('data-src');
+      image.onload = function() {
+        image.classList.add('showIMG');
+      
+      }
+  });
+  hiddenDivs.forEach(div => {
+   
+      div.classList.add('show');
+    
+  });
+  console.log('Loaded')
+  preloaded = true
+} else if (preloaded===true) {
+  console.log('Already Loaded')
+}
+}
+
+
+window.addEventListener('scroll', handleScroll);
+
+document.addEventListener('DOMContentLoaded', handleScroll);
+
+handleScroll();
+
+
+  var input, filter, elements, element, i;
+  input = document.getElementById("SearchBox");
+  filter = input.value.toUpperCase();
+  elements = document.getElementById("games");
+  element = elements.getElementsByTagName("div");
+ 
+
+  function Search() {
+  filter = input.value.toUpperCase();
+  input.addEventListener("input", function() {
+    if (input.value.length > 0) {
+      for (i = 0; i < element.length; i++) {
+        var id = element[i].getAttribute("id");
+        if (id && id.toUpperCase().indexOf(filter) > -1) {
+          element[i].style.display = "";
+          searchHandleLoad();
+        } else {
+          var shouldExclude = element[i].classList.contains("textover");
+          if (!shouldExclude) {
+            element[i].style.display = "none";
+          }
+        }
+      }
+    } else {
+      for (var i = 0; i < element.length; i++) {
+        element[i].style.display = "block";
+      }
+    }
+  });
+}
+
+var usingLoad = false
+
+function loadGame() {
+  if(usingLoad===true){
+    
+  }
+}
+
+  </script>
+  
+  <!--div class="bubbles" style="  filter: drop-shadow(0 0 10px white);" >
+  <div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+<div class="snow"></div>
+  </div-->
+</section>
+
+
+      <!--ADCODE-->
+     
+</body>
+
+<script>
+  
+  /*
+    firststeps.style.color = "#595959";
+    setInterval(displayHelloo, 1000);
+
+function displayHelloo() {
+if (localStorage.clickcountt) {
+ firststeps.style.color = 'white';
+
+} else {
+helloo();
+firststeps.style.color = "#595959";
+//localStorage.clickcount = 1;
+}
+}
+
+
+
+
+      function helloo() {
+        Name.innerHTML = "First Steps";
+ description.innerHTML = "Opened The Site For The First Time, Have Fun!.";
+   medd.style.opacity = 1;
+    medd.style.animation = 'medal 15s';
+    setTimeout(() => {
+
+   medd.style.opacity = 0;
+    
+  }, 15000);
+                    localStorage.clickcountt = 00001;
+      }
+      */
+
+
+    </script>
+
+</html>
\ No newline at end of file
