Update index.md

Pomelo-Emu · Aug 12, 2024 · 83cfdab · 83cfdab
1 parent 83cc314
commit 83cfdab
Showing 1 changed file with 35 additions and 17 deletions.
diff --git a/index.md b/index.md
@@ -6,65 +6,83 @@
     <title>Pomelo - Nintendo Switch Emulator</title>
     <style>
         body {
-            font-family: Arial, sans-serif;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
             margin: 0;
-            padding: 0;
-            background-color: #f5f5f5;
+            background-color: #f0f2f5;
             color: #333;
+            line-height: 1.6;
         }
         header {
-            background-color: #3f51b5;
-            color: white;
-            padding: 20px 0;
+            background-color: #1e1e1e;
+            padding: 20px;
             text-align: center;
+            color: white;
         }
         header h1 {
             margin: 0;
+            font-size: 2.5em;
         }
         nav {
-            background-color: #333;
+            background-color: #343a40;
             overflow: hidden;
+            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
         }
         nav a {
             float: left;
             display: block;
-            color: #f2f2f2;
+            color: #f8f9fa;
             text-align: center;
             padding: 14px 16px;
             text-decoration: none;
         }
         nav a:hover {
-            background-color: #ddd;
-            color: black;
+            background-color: #495057;
+            color: white;
         }
         main {
             padding: 20px;
+            max-width: 1000px;
+            margin: auto;
         }
         .section {
-            margin-bottom: 40px;
+            background-color: white;
+            padding: 20px;
+            margin: 20px 0;
+            border-radius: 8px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
         }
-        h2 {
-            border-bottom: 2px solid #3f51b5;
-            padding-bottom: 10px;
+        .section h2 {
+            font-size: 1.8em;
+            margin-bottom: 10px;
         }
         .download-button {
             display: inline-block;
-            background-color: #4CAF50;
+            background-color: #28a745;
             color: white;
             padding: 10px 20px;
             text-decoration: none;
             border-radius: 5px;
             margin-top: 10px;
         }
+        .download-button:hover {
+            background-color: #218838;
+        }
         footer {
-            background-color: #3f51b5;
-            color: white;
+            background-color: #1e1e1e;
+            color: #f8f9fa;
             text-align: center;
             padding: 10px 0;
             position: fixed;
             width: 100%;
             bottom: 0;
         }
+        @media (max-width: 600px) {
+            nav a {
+                float: none;
+                display: block;
+                text-align: left;
+            }
+        }
     </style>
 </head>
 <body>