diff --git a/static_content/css/oastat.css b/static_content/css/oastat.css
index d2d6aa4..9669e37 100644
--- a/static_content/css/oastat.css
+++ b/static_content/css/oastat.css
@@ -25,44 +25,85 @@
 */
 
 body {
-    background: #36413e;
-    font-family: 'Verdana', sans-serif;
+    background: #f5f5f5;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
+    line-height: 1.6;
+    color: #333;
+    margin: 0;
+    padding: 20px;
 }
 
 .main-section {
-    max-width: 1400;
-    background: #beb2c8;
-    border-radius: 5px;
-    padding: 5px;
+    max-width: 1400px;
+    background: #ffffff;
+    border-radius: 8px;
+    padding: 30px;
+    margin: 0 auto;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
 
 /* Table section start */
 table {
     border-collapse: collapse;
-    margin-bottom: 10px;
-    margin-left:auto;
-    margin-right:auto;
+    margin: 20px auto;
+    width: 100%;
+    max-width: 100%;
+    background: #ffffff;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+    overflow: hidden;
 }
 
 table, th, td {
-    border: 0px;
     text-align: center;
 }
 
+th, td {
+    padding: 12px 15px;
+    border-bottom: 1px solid #e0e0e0;
+}
+
 th {
-    padding-left: 10px;
-    padding-right: 10px;
+    background: #2c3e50;
+    color: #ffffff;
+    font-weight: 600;
+    text-transform: uppercase;
+    font-size: 0.85em;
+    letter-spacing: 0.5px;
+}
+
+tr:nth-child(odd) {
+    background: #f9f9f9;
+}
+
+tr:nth-child(even) {
+    background: #ffffff;
 }
 
-tr:nth-child(odd) {background: #8d8d92}
-tr:nth-child(even) {background: #edebd7}
+tr:hover {
+    background: #f0f7ff;
+    transition: background-color 0.2s ease;
+}
+
+td {
+    color: #555;
+}
 /*table section end*/
 
 .update {
-    font-size: 80%;
+    font-size: 0.85em;
+    color: #666;
+    font-style: italic;
 }
 
 .levelshot {
-    padding: 10px;
+    padding: 20px;
     text-align: center;
-}
\ No newline at end of file
+}
+
+.levelshot img {
+    max-width: 100%;
+    height: auto;
+    border-radius: 4px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
diff --git a/templates/index.tpl b/templates/index.tpl
index 255342b..8724ced 100644
--- a/templates/index.tpl
+++ b/templates/index.tpl
@@ -37,6 +37,7 @@
 		<div class="main-section">
 		<h1>OpenArena Stats</h1>
 
+		<h2>Most active players</h2>
 		<table>
 			<tr>
 				<th>Name</th>
@@ -67,7 +68,7 @@
 			</tr>
 			{{/PLAYER_LIST}}
 		</table>
-
+		<h2>Weapon kills</h2>
 		<table>
 			<tr>
 				<th>Name</th>
@@ -104,7 +105,7 @@
 			</tr>
 			{{/PLAYER_WEAPON_LIST}}
 		</table>
-
+		<h2>Most played maps</h2>
 		<table>
 			<tr>
 				<th>Map</th>
@@ -119,7 +120,7 @@
 			</tr>
 			{{/MAP_LIST}}
 		</table>
-
+		<h2>Most recent matches</h2>
 		<table>
 			<tr>
 				<th>Game</th>