diff --git a/index.html b/index.html
index a83618bcf17b..6bbe4d9ef5b5 100644
--- a/index.html
+++ b/index.html
@@ -8,13 +8,13 @@
 </head>
 
 <body>
+   <div id="octocat">
+     <img src="https://octodex.github.com/images/NUX_Octodex.gif" alt="Octocat Image">
+   </div>
 
-<img src="forkit.gif" id="octocat" alt="" />
-
-<!-- Feel free to change this text here -->
-<p>
-  Fork me? Fork you, @octocat!
-</p>
+   <p>
+     Ready to team up? Let's collaborate, @octocat!
+   </p>
 
 </body>
 </html>
diff --git a/styles.css b/styles.css
index 9b8528455cf7..a93a926e1fbe 100644
--- a/styles.css
+++ b/styles.css
@@ -14,4 +14,18 @@ p {
   width: 400px;
   margin: 50px auto;
   font: 30px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
-}
+     color: #333;
+     line-height: 1.5;
+     text-align: center;
+   }
+
+   body {
+     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+     background-color: #f8f9fa;
+   }
+
+   #octocat img {
+     display: block;
+     width: 100%;
+     height: auto;
+   }
