diff --git a/src/index.html b/src/index.html
index b5a0fac..c53b0cc 100644
--- a/src/index.html
+++ b/src/index.html
@@ -4,9 +4,13 @@
     <meta charset="UTF-8"/>
     <title>Skynet</title>
     <link rel="icon" type="image/png" href="images/favicon/favicon-16x16.png"/>
+    <link rel="stylesheet" type="text/css" href="styling/index.css"/>
 </head>
 <body>
-<h1>Skynet Password Reset & Sign-up service</h1>
+<div id="title">
+    <a href="./"><img src="images/sharky_png.png" alt="Picture of Sharky, the mascot of skynet" width="145" height="81.56"/> </a>
+    <h1>Skynet Password Reset & Sign-up service</h1>
+</div>
 <h2><a href="password.html">Password Reset</a></h2>
 <p>Please use this service if you ever forget your skynet password</p>
 
diff --git a/src/stylesheets/index.css b/src/stylesheets/index.css
new file mode 100644
index 0000000..18975b3
--- /dev/null
+++ b/src/stylesheets/index.css
@@ -0,0 +1,17 @@
+/* General styling */
+body{
+    background-color: #007480;
+}
+/* Title bar */
+#title {
+    background-color: white;
+    height: 82px;
+}
+
+#title img {
+    float: left;
+}
+
+#title h1 {
+    position: relative;
+}
\ No newline at end of file
