First stab at turning this into a Github Pages site

css/main.scss

@@ -0,0 +1,5 @@
+---
+# Only the main Sass file needs front matter (the dashes are enough)
+---
+
+@import "webfonts", "layout";

css/style.css

@@ -0,0 +1,60 @@
+/* Borrowed from Google WebFonts for offline development */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: local('Open Sans Light'), local('OpenSans-Light'), url('../font/open-sans-300.woff') format('woff');
+}
+/* @font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url('../font/open-sans-400.woff') format('woff');
+} */
+
+body {
+  font-family: 'Open Sans', helvetica, arial, sans-serif;
+  padding: 0;
+  margin: 0;
+}
+
+#logo {
+  background: url("../images/heartb.it.png") center center no-repeat;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: -18px 0px 0px -75px;
+  height: 37px;
+  width: 150px;
+}
+
+#contact {
+  font-size: 12px;
+  font-weight: 300;
+  position: absolute;
+  right: 8px;
+  bottom: 5px;
+}
+  #contact a {
+    color: #aaa;
+    text-decoration: none;
+    -webkit-transition-duration: 0.3s;
+    -webkit-transition-property: color, border;
+    -webkit-transition-timing-function: ease-in;
+  }
+    #contact a:hover {
+      color: #555;
+      -webkit-transition-duration: 0.3s;
+      -webkit-transition-property: color, border;
+      -webkit-transition-timing-function: ease-in;
+    }
+
+#not-found {
+  background: url("../images/404-dead-link.png") center center no-repeat;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: -150px 0px 0px -250px;
+  height: 300px;
+  width: 500px;
+}