2 files changed, 23 insertions, 6 deletions
diff --git a/resume/src/index.html b/resume/src/index.html
index e8f10cd..b03ac30 100644
--- a/resume/src/index.html
+++ b/resume/src/index.html
@@ -12,7 +12,7 @@
 </head>
 
 <body>
-	<div id="content">
+	<div class="content a4-paper">
 		<div id="about">
 			<div id="data">
 				<div id="name">
diff --git a/resume/src/styles.css b/resume/src/styles.css
index da14226..f7e5da5 100644
--- a/resume/src/styles.css
+++ b/resume/src/styles.css
@@ -22,22 +22,24 @@ body {
   background-color: white;
 }
 
-#content {
-  /* The size of an A4 sheet of paper */
+.a4-paper {
   width: 210mm;
   height: 297mm;
-  border: 3px solid var(--font-color);
   margin: var(--padding) auto;
+}
+
+.content {
+  border: 3px solid var(--font-color);
   padding: var(--padding);
   display: flex;
   flex-direction: column;
 }
 
-#content > * {
+.content > * {
   width: 100%;
 }
 
-#content > hr {
+.content > hr {
   border-color: var(--font-color);
 }
 
@@ -147,3 +149,18 @@ body {
 .rating-amount {
   flex: 1;
 }
+
+/* Proper printing */
+@page {
+  size: A4;
+  margin: 0;
+}
+@media print {
+  html, body {
+      width: 210mm;
+      height: 297mm;
+  }
+  .a4-paper {
+    margin: 0;
+  }
+}