diff --git a/index.html b/index.html
index 42f49a6..8bddc84 100644
--- a/index.html
+++ b/index.html
@@ -1,34 +1,26 @@
-<!DOCTYPE html >
-<script src="https://agi.armorgames.com/ruffle/ruffle.js"></script>
-
+<!DOCTYPE html>
 <html lang="en" xml:lang="en">
 	<head>
-		<title>SWF Runner</title>
+		<title>Games4</title>
 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-		<link rel="shortcut icon" type="image/x-icon" href="images/bitbot.png" />
-		<style type="text/css" media="screen">
-		body { margin:0; padding:0; overflow:hidden; }
-		#flashContent { width:100%; height:100%; }
-		</style>
-
+		<link rel="shortcut icon" type="image/x-icon" href="../images/favicon.png" />
+        <link rel="stylesheet" href="../styles.css">
 	</head>
 	<body>
-		<!-- 1. Load the Ruffle library -->
-        <script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
-
-        <!-- 2. The container where your Flash will live -->
-        <div id="flash-container"></div>
-
-        <!-- 3. The script to "embed" your file -->
-        <script>
-            window.RufflePlayer = window.RufflePlayer || {};
-            window.addEventListener("load", (event) => {
-                const ruffle = window.RufflePlayer.newest();
-                const player = ruffle.createPlayer();
-                const container = document.getElementById("flash-container");
-                container.appendChild(player);
-                player.load("https://code.zane.org/ZaneDev/games4.zane/raw/branch/main/impossiblequiz.swf"); // Replace with your filename
-            });
-        </script>
+        <div class="container">
+            <a href="index.html"><img src="images/logo.png" alt="Games4" class="logo"></a>
+            <p>also look at my main website <a href="http://zane.org">zane.org</a></p>
+            <h1>the coolest most nicest games website to ever exist!!1!!1</h1>
+            <h3>game directory:</h3>
+            <ul>
+                <li><a href="g/iq.html">Impossible Quiz</a></li>
+                <li><a href="g/doom.html">Doom (very laggy)</a></li>
+                <li><a href="g/fsonic.html">Sonic the hegyhodge</a></li>
+                <li><a href="g/pp.html">Papa's Pizzeria</a></li>
+                <li><a href="g/pacman.html">Pacman</a></li>
+                <li><a href="g/portal.html">Portal</a></li>
+            </ul>
+            <p>powered by ruffle :D</p>
+        </div>
 	</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..592a659
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,32 @@
+body {
+    background-image: url('images/arcade.png');
+    justify-content: center;
+    align-items: center;
+}
+.container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background-color: #242424;
+    margin: 100px auto;
+    max-width: 50%;
+}
+.logo {
+    align-self: center;
+    justify-self: center;
+    display: block;
+    margin: -130px auto;
+}
+h1 {
+    color: #ffffff;
+}
+h3 {
+    color: #ffffff;
+}
+p {
+    color: #ffffff;
+}
+ul {
+    color: #ffffff;
+}
\ No newline at end of file
