diff --git a/assets/cv/Max small.png b/assets/cv/Max small.png
new file mode 100644
index 0000000..36b74af
Binary files /dev/null and b/assets/cv/Max small.png differ
diff --git a/css/print.css b/css/print.css
new file mode 100644
index 0000000..53b98ea
--- /dev/null
+++ b/css/print.css
@@ -0,0 +1,92 @@
+@import url("https://fontlibrary.org/face/tex-gyre-adventor");
+@import url("https://fontlibrary.org/face/thsarabun-new");
+
+@media only print {
+  @page {
+    size: A4 portrait;
+    margin: 10mm 10mm 15mm;
+  
+    @bottom-center { border: thin solid red; content: "Max Franklin //  max.e.franklin@gmail.com"; }
+  }
+
+  body {
+    font: 15pt "THSarabunNewRegular", Helvetica, sans-serif;
+    color: #333;
+    line-height: 15.5pt;
+  }
+
+  a {
+    color: #FF3300;
+    text-decoration: none;
+  }
+
+  h1, h2, h3, h4, h5 {
+    font-family: "TeXGyreAdventorRegular", sans-serif;
+  }
+
+  footer,
+  nav {
+    display:none;
+    visibility: hidden;
+  }
+
+  header {
+    text-align: right;
+  }
+
+  p {
+    page-break-inside: avoid;
+  }
+
+  .cv section:first-of-type {
+    position: relative;
+    margin-top: 50mm;
+  }
+
+  .cv section:first-of-type #me {
+    font-style: italic;
+    width: 60mm;
+    margin-right: 5mm;
+    float: left;
+    height: 185mm;
+  }
+
+  .cv section:first-of-type #me img {
+    width: 55mm;
+    height: auto;
+  }
+
+  .cv section:first-of-type h2 {
+    font-size: 3em;
+    text-align: left;
+  }
+
+  .cv #edu {
+  }
+
+  .cv #music {
+    margin-left: 65mm;
+  }
+
+  .cv #things {
+    page-break-before: always;
+    margin-left: 65mm;
+  }
+
+  .cv #prof {
+  }
+
+  .cv ul {
+    list-style-type: none;
+    margin: none;
+    padding: 0 0 0 7px;
+  }
+
+  .cv ul li {
+    padding: 0 0 13px 0;
+  }
+
+  .cv ul em {
+    padding-bottom: 7px;
+  }
+}