diff --git a/css/main_style.css b/css/main_style.css
index e69de29..1b4428c 100644
--- a/css/main_style.css
+++ b/css/main_style.css
@@ -0,0 +1,47 @@
+table.col {
+    border: 4px solid #555555;
+    background-color: #555555;
+    width: 400px;
+    text-align: center;
+    border-collapse: collapse;
+  }
+  table.col td, table.col th {
+    border: 1px solid #555555;
+    padding: 5px 10px;
+  }
+  table.col tbody td {
+    font-size: 12px;
+    font-weight: bold;
+    color: #FFFFFF;
+  }
+  table.col td:nth-child(even) {
+    background: #398AA4;
+  }
+  table.col thead {
+    background: #398AA4;
+    border-bottom: 10px solid #398AA4;
+  }
+  table.col thead th {
+    font-size: 15px;
+    font-weight: bold;
+    color: #FFFFFF;
+    text-align: left;
+    border-left: 2px solid #398AA4;
+  }
+  table.col thead th:first-child {
+    border-left: none;
+  }
+  
+  table.col tfoot td {
+    font-size: 13px;
+  }
+  table.col tfoot .links {
+    text-align: right;
+  }
+  table.col tfoot .links a{
+    display: inline-block;
+    background: #FFFFFF;
+    color: #398AA4;
+    padding: 2px 8px;
+    border-radius: 5px;
+  }
\ No newline at end of file
diff --git a/views/index.hbs b/views/index.hbs
index 98e8095..603c253 100644
--- a/views/index.hbs
+++ b/views/index.hbs
@@ -1,11 +1,15 @@
 
 <link rel="stylesheet" href="/css/main_style.css">
 
-<img src="/assets/top.png" align="top">
+
+<div align="center">
+
+
+  <img src="/assets/top.png" align="top">
 <img src="assets/bleft.png" align="left">
 <img src="assets/bright.png" align="right">
 
-<table Border = 1>
+<table Border = 1 class="col"> 
 <tr>
   <th>Name</th>
   <th>Level</th>
@@ -22,4 +26,6 @@
   <td><progress value={{exp_percentage}} max="1"></progress></td>
 </tr>
 {{/instances}}
-</table>
\ No newline at end of file
+</table>
+
+</div>