FIX(material-blue) pdf-layout

resumes/resume-material-blue/index.mustache

@@ -13,7 +13,7 @@
             </div>
             <div class="text">
                 <ul>
-                    <li>Born 1990 in FoobarTown</li>
+                    <li>Born {{person.birth.year}} in {{person.birth.location}}</li>
                 </ul>
             </div>
         </div>
@@ -122,8 +122,7 @@
                     <div class="item">
                         <h3>{{degree}}</h3>
 
-                        <!-- TODO add time -->
-                        <span>Okt 2016 - vsl. März 2019</span>
+                        <span>{{timeperiod}}</span>
 
                         <p> {{description}} </p>
                     </div>

resumes/resume-material-blue/style.less

@@ -1,16 +1,17 @@
+@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,500);
+
 #material-blue {
     .c {
         clear: both;
     }
 
     font-family: 'roboto', sans-serif;
-    background-color: #eae8e7;
+    background-color: #ccc;
     font-size: 15px;
     line-height: 1.5;
     color: #767270;
     letter-spacing: 0.072em;
     font-weight: normal;
-    margin: 0;
 
     li,
     ul {
@@ -46,15 +47,6 @@
         -moz-osx-font-smoothing: grayscale;
         font-size: 26px;
     }
-    margin-top: 50px;
-    background-color: #eae8e7;
-    border: none;
-    width: 846px;
-    height: 1205px;
-    padding: 0;
-    position: relative;
-    margin-left: auto;
-    margin-right: auto;
 
     h1,
     h2,
@@ -214,7 +206,7 @@
             .skill {
                 clear: both;
                 width: 77%;
-                margin-left: 20%;
+                margin-left: 14%;
                 padding-top: 4px;
 
                 .left {