Add fonts, tweak.

index.html

@@ -3,7 +3,7 @@ layout: base
 title: Home
 ---
 
-<p>I'm a software developer and <a href="//en.wikipedia.org/">Wikipedian</a> currently studying computer science at the <a href="//illinois.edu/">University of Illinois at Urbana&ndash;Champaign</a>. My work mostly focuses on text parsing and analysis, but I'm also interested in programming language theory and algorithm design. Want to chat? Contact me at <a href="mailto:ben.kurtovic@gmail.com">ben.kurtovic@gmail.com</a>.</p>
+<p id="bio">I'm a software developer and <a href="//en.wikipedia.org/">Wikipedian</a> currently studying computer science at the <a href="//illinois.edu/">University of Illinois at Urbana&ndash;Champaign</a>. My work mostly focuses on text parsing and analysis, but I'm also interested in programming language theory and algorithm design. Want to chat? Contact me at <a href="mailto:ben.kurtovic@gmail.com">ben.kurtovic@gmail.com</a>.</p>
 <table id="links">
     <tr>
         <td>GitHub</td>
@@ -26,7 +26,7 @@ title: Home
     <tr>
         <td>
             <h2>Projects</h2>
-            <p class="subtitle">A look at what I've been up to for the past few years:</p>
+            <p>A look at what I've been up to for the past few years:</p>
             <h3>Highlights</h3>
             <ul class="work-list">
                 <li>

static/main.css

@@ -1,8 +1,10 @@
+@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700|Oxygen:700);
+
 body {
     margin: 0;
     background-color: white;
     color: black;
-    font-family: sans-serif;                                                        /* TODO */
+    font-family: "Open Sans", sans-serif;
     font-size: 16px;
 }
 
@@ -35,8 +37,8 @@ a.underlined:hover, a.underlined:active { text-decoration: none; }
 
 #banner h1 {
     display: inline;
-    font-family: sans-serif;                                                        /* TODO */
     font-size: 2em;
+    font-family: "Oxygen", sans-serif;
     text-align: center;
 }
 
@@ -50,6 +52,10 @@ a.underlined:hover, a.underlined:active { text-decoration: none; }
     line-height: 1.25em;
 }
 
+p#bio {
+    line-height: 1.5em;
+}
+
 #content p, #content ol, #content li {
     line-height: 1.75em;
 }
@@ -79,11 +85,11 @@ a.underlined:hover, a.underlined:active { text-decoration: none; }
 }
 
 #work td:not(:first-child) {
-    padding-left: 0.5em;
+    padding-left: 0.75em;
 }
 
 #work td:not(:last-child) {
-    padding-right: 0.5em;
+    padding-right: 0.75em;
 }
 
 .work-list {