diff --git a/css/main.css b/css/main.css
index 435eb10..3d4a22f 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,9 +1,15 @@
-* {
+body {
+    font-family: 'Raleway', sans-serif;
     font-family: 'Raleway', sans-serif;
     color: white;
+    padding: 0px; 
+    margin: 0px; 
+    background-color: #232323
 }
-body {
-    background-color: #232323;
+hr {
+    border: 0;
+    height: 1px;
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
 }
 .center {
     margin-left: auto;
diff --git a/index.html b/index.html
index 2a3596e..4178cc2 100644
--- a/index.html
+++ b/index.html
@@ -2,21 +2,42 @@
 <html lang="en">
 
 <head>
-    <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
     <link href='css/main.css' rel='stylesheet'>
+    
+    <!--Import Google Icon Font-->
+      <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    
+    <!-- Compiled and minified CSS -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
+
+    <!-- Compiled and minified JavaScript -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>
+    
+    <!--Let browser know website is optimized for mobile-->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    
+    <style>.pkt_added {text-decoration:none !important;}</style>
 </head>
     
 <body>
-    <div  class="center" style="width: 190px;">
-        <div class="center" style="width: 155px;">
-    <img src="images/me.png" style="width: 155px;">
-        </div>
-    <h1>Arona Jones</h1>
-    </div>
-    <div class="center" style="width: 340px;">
+    <!--Import jQuery before materialize.js-->
+    <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+    <script type="text/javascript" src="js/materialize.min.js"></script>
+    <div class="center" style="width: 100%; text-align: center; background-image: url(https://upload.wikimedia.org/wikipedia/commons/6/6e/Veil_Nebula_-_NGC6960.jpg); background-color: cover;">
+    <div class="center" style="height: 100%;
+padding-top: 100px;
+padding-bottom: 30px; 
+background-color: rgba(0, 0, 0, 0.5);">
+        <div class="container">
         <!--TODO-->
-        <h3><span>Developer  </span>&#8226;<span>  Science Enthusiast  </span>&#8226;<span>  Writer</span></h3>
+        <h1 style="fo">Arona Jones</h1><h3 style="font-weight: 400;
+margin-top: 0px;
+margin-bottom: -5px;"><span style="padding: 8px;">Developer  </span>•<span style="padding: 8px;">  Science Enthusiast  </span>•<span style="padding: 8px;">  Writer</span></h3>
     </div>
+        <br>
+        <div class="divider"></div>
+    </div>
+         </div>
 </body>
     
 </html>
\ No newline at end of file
