@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;
  }
}