Add contributor list design and wiring

app/styles/_layout.scss

@@ -1,23 +1,27 @@
-body {
-}
-
 section {
   @include outer-container;
   margin-top: 6rem;
+  margin-bottom: 8rem;
 
   @include media($mobile) {
-    margin-top: 3rem;
+    margin-top: 2rem;
+    margin-bottom: 5rem;
   }
 
   header {
-    @include span-columns(10);
-    @include shift(1);
+    @include span-columns(12);
+    padding-bottom: 3rem;
     text-align: center;
     // background-color: purple;
 
     @include media($mobile) {
       @include span-columns(10);
       @include shift(1);
+      padding-bottom: 2rem;
+    }
+
+    div.content {
+      @include span-columns(12);
     }
   }
 }

app/styles/app.scss

@@ -19,11 +19,12 @@
 $font-family-sans: 'Open Sans', sans-serif;
 
 body {
-  font-family: $font-family-sans;
-  font-size: 16px;
-  color: #fff;
   background-image: url('/img/bg.jpg');
   background-repeat: none;
+  font-family: $font-family-sans;
+  font-size: 16px;
+  font-weight: 300;
+  color: #fff;
 }
 
 @media screen and (min-width: 900px) {
@@ -32,23 +33,20 @@ body {
   }
 }
 
-h1, h2, h3, h4, h5 {
-  font-weight: normal;
-  font-size: 1rem;
-}
-
-input, button {
+h1, h2, h3, h4, h5, input, button {
   font-family: $font-family-sans;
   font-size: 1rem;
+  font-weight: 300;
 }
 
 section {
   h2 {
     font-size: 2.8rem;
-    font-weight: 300;
     color: lightblue;
     @include media($mobile) {
       font-size: 2rem;
     }
   }
 }
+
+@import "components/contributor-list";

app/styles/components/_contributor-list.scss

@@ -0,0 +1,39 @@
+table.contributor-list {
+  width: 100%;
+  border-collapse: collapse;
+
+  tr {
+    border-bottom: 1px solid rgba(255,255,255,0.2);
+    &:first-of-type {
+      border-top: 1px solid rgba(255,255,255,0.2);
+    }
+  }
+
+  td {
+    padding: 1.2rem;
+    line-height: 2rem;
+
+    background-color: rgba(255,255,255,0.1);
+    &.person {
+      text-align: left;
+      font-size: 1.4rem;
+      img.avatar {
+        width: 2rem;
+        height: 2rem;
+        vertical-align: middle;
+        margin-right: 0.2rem;
+        border-radius: 1rem;
+      }
+    }
+    &.kredits {
+      text-align: right;
+      .amount {
+        font-size: 1.4rem;
+      }
+      .symbol {
+        font-size: 1rem;
+        padding-left: 0.2rem;
+      }
+    }
+  }
+}