diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..76ed9b4
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+*.css
+*.map
+
+test.html
diff --git a/index.html b/index.html
index 9da7a93..3d5a22a 100644
--- a/index.html
+++ b/index.html
@@ -3,13 +3,9 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-
-  <title>The HTML5 Herald</title>
-  <meta name="description" content="The HTML5 Herald">
-  <meta name="author" content="SitePoint">
-
+  <title>Kevin's Email Signature</title>
   <link rel="stylesheet" href="style.css?v=1.0">
-
+  <script src="http://livejs.com/live.js" charset="utf-8"></script>
 </head>
 
 <body>
@@ -18,48 +14,43 @@
     <tbody>
       <tr class="outer-row">
         <td class="headshot-cell">
-          <a href="http://www.robertcooper.me">
-            <img src="https://drive.google.com/uc?id=0BxERWEfxe_eUTWJlMTMtbDJGN1k" name="preview-image-url" alt="headshot of Robert Cooper wearing a navy blue collared t-shirt with a background containing horizontal wooden structures and windows"/>
+          <a href="https://kevin-mok.com" target="_blank">
+            <img src="https://avatars3.githubusercontent.com/u/25857736?s=460&v=4"
+            name="preview-image-url" alt="kevin-mok-headshot"/>
           </a>
         </td>
         <td class="description-cell">
           <table role="presentation">
             <tbody>
               <tr>
-                <td colspan="2" class="full-name">Robert Cooper</td>
+                <td colspan="2" class="full-name">Kevin Mok</td>
               </tr>
               <tr>
-                <td colspan="2" class="title">Web Developer</td>
+                <td colspan="2" class="title">Computer Science
+                  Specialist</td>
+              </tr>
+              <tr>
+                <td colspan="2" class="title">University of Toronto</td>
               </tr>
               <tr>
                 <td valign="top" class="website">
-                  <a href="http://www.robertcooper.me">www.robertcooper.me</a>
+                  <a href="https://kevin-mok.com" target="_blank">kevin-mok.com</a>
                 </td>
               </tr>
               <tr>
                 <!-- Social Icons found here: https://www.flaticon.com/packs/social-media-color -->
                 <td colspan="2" class="social-icons">
                   <ul>
-                    <li>
-                      <a href="https://www.facebook.com/Robert.Cooper.Qu">
-                        <img src="https://drive.google.com/uc?id=0BxERWEfxe_eUaWFKTlAxdkwyMXc" alt="Let's be friends on Facebook."/>
-                      </a>
-                    </li>
                     <li>
                       <a href="https://twitter.com/RobertCooper_RC">
                         <img src="https://drive.google.com/uc?id=0BxERWEfxe_eUY2RBc3dBSW92NVE" alt="Follow me on Twitter!"/>
                       </a>
                     </li>
-                    <li>
-                      <a href="https://www.instagram.com/robert.cooper.qu/">
-                        <img src="https://drive.google.com/uc?id=0BxERWEfxe_eUY3RIOU5MMnA3TFk" alt="Follow me on Instagram!"/>
-                      </a>
-                    </li>
-                    <li>
-                      <a href="https://www.linkedin.com/in/robert-cooper">
-                        <img src="https://drive.google.com/uc?id=0BxERWEfxe_eUSTM0UWdKWUdNbHM" alt="Connected with me on LinkedIn!"/>
-                      </a>
-                    </li>
+                    <!-- <li> -->
+                      <!-- <a href="https://www.instagram.com/robert.cooper.qu/"> -->
+                        <!-- <img src="https://drive.google.com/uc?id=0BxERWEfxe_eUY3RIOU5MMnA3TFk" alt="Follow me on Instagram!"/> -->
+                      <!-- </a> -->
+                    <!-- </li> -->
                   </ul>
                 </td>
               </tr>
diff --git a/style.css b/style.scss
similarity index 86%
rename from style.css
rename to style.scss
index 86ca2a3..d9dc6e8 100644
--- a/style.css
+++ b/style.scss
@@ -1,10 +1,13 @@
+$name-color: #002f65;
+
 body {
   display: flex;
   margin: 0;
   align-items: center;
   justify-content: center;
   height: 100vh;
-  background-color: #7681B3;
+  /* background-color: black; */
+  background-color: #1c1e1f;
 }
 
 .presentational-container {
@@ -19,13 +22,17 @@ table {
   padding: 10px 10px 0;
   border-width: 3px 0 0 0;
   border-style: solid;
-  border-color: #232C9F;
+  border-color: $name-color;
 }
 
 tr.outer-row td.headshot-cell {
   padding: 0 12px 0 0;
 }
 
+td {
+  padding-bottom: 3px;
+}
+
 td.headshot-cell a {
   text-decoration: none;
 }
@@ -49,20 +56,20 @@ td.description-cell > table {
 
 td.full-name {
   font-weight: bold;
-  color: #232C9F;
+  color: $name-color;
   font-size: 18px;
   font-family: Arial, Helvetica, sans-serif;
 }
 
 td.title {
-  padding-bottom: 10px;
+  // padding-bottom: 10px;
   color: #333333;
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
 }
 
 td.website {
-  padding-bottom: 10px;
+  // padding-bottom: 10px;
   vertical-align: top;
   color: #333333;
   font-size: 14px;
