Style the summary section

3 files changed, 45 insertions, 3 deletions

diff --git a/app/assets/index.html b/app/assets/index.html
index d753253..8720830 100644
--- a/app/assets/index.html
+++ b/app/assets/index.html
@@ -34,7 +34,7 @@
         </address>
       </header>
 
-      <article>
+      <article class="summary">
         <h1>Summary</h1>
         <p>
           Current senior backend and infrastructure developer at <a href="https://sapera.com">Sapera GmbH</a>, with 7+
diff --git a/app/base.styl b/app/base.styl
index 56f20f6..98a18a6 100644
--- a/app/base.styl
+++ b/app/base.styl
@@ -1,13 +1,23 @@
 baseColor = #000000
 backgroundColor = #FFFFFF
-secondaryColor = #FB4485
+secondaryColor = #DB0A16
+// secondaryColor = #FECE2F
 
 body {
   font-family: "PT Sans"
   color: baseColor
-  margin: 1cm 1.5cm
+  max-width: 1024px
+  min-width: 375px
+  margin: 0 auto !important
+  float: none !important
 }
 
+main {
+  margin-left: 1cm
+  margin-right: 1cm
+}
+
+
 a:link, a:visited, a:hover, a:active {
   text-decoration: none
   color: inherit
@@ -41,3 +51,11 @@ header {
     .web { display: none }
   }
 }
+
+.summary {
+  h1 { display: none }
+  p {
+    text-align: justify
+    margin-top: 2.5em
+  }
+}
diff --git a/app/print.styl b/app/print.styl
index a4198b2..df24033 100644
--- a/app/print.styl
+++ b/app/print.styl
@@ -1,8 +1,32 @@
+@page {
+  margin: 1cm 1.5cm
+}
+
+main {
+  margin-left: 0
+  margin-right: 0
+}
+
 // Header section styling
 header {
+  font-size: 9pt
+
+  // Name
+  h1 {
+    font-size: 26pt
+    margin-bottom: 0
+  }
+
   // Address/Contacts
   address {
     .tel { display: inline }
     .web { display: inline }
   }
 }
+
+.summary {
+  p {
+    margin-top: 2em
+    font-size: 10pt
+  }
+}