Add projects and columns.

scss/style.scss

@@ -4,8 +4,14 @@ $text-font: 'Raleway';
 $big-font: 'Raleway';
 $color-main: #36e281;
 $color-secondary: darken($color-main, 10%);
+$color-link: $color-secondary;
 $color-text: black;
 
+a {
+    color: $color-link;
+    text-decoration: none;
+}
+
 body {
     margin: 0px;
     padding: 0px;
@@ -17,12 +23,12 @@ body {
 header {
     text-align: center;
     margin: auto;
-    margin-bottom: 20px;
+    margin-bottom: 10px;
 }
 
 div.name {
     font-size: 1.25em;
-    margin: 25px;
+    margin: 20px;
     font-family: $big-font, serif;
 }
 
@@ -60,6 +66,35 @@ div.contact-content {
     font-weight: bold;
 }
 
+div.horizontal-list {
+    display: flex;
+    flex-direction: horizontal;
+
+    section, div {
+        flex-grow: 1;
+    }
+}
+
+div.project-container {
+    flex-basis: 25%;
+
+    h2 {
+        display: inline;
+        margin: 0px;
+    }
+}
+
+a.project-link {
+    color: $color-text;
+    font-weight: bold;
+    display: flex;
+    align-items: center;
+}
+
+svg.project-link-icon {
+    height: 1em;
+}
+
 main {
     margin: auto;
     max-width: 90%;