@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

.cv {
  background: #f8f8f8;
}

#cv-content {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: 0 auto;
  font-size: 0.8rem;
}

#cv-content > ul {
    list-style-type: lower-greek;
    margin: 2rem 0 !important;
    padding: 0 !important;
    font-size: 11pt;
}
#cv-content > ul li {
    list-style-position: outside;
    display: inline-block;
    margin-right: 1rem;
}
#cv-content table {
    margin: 2rem 0;
}

#cv-content table td,
#cv-content table th {
    text-align: left;
    padding: 0rem 2rem 0 0;
}

#cv-content h2 {
  margin-top: 1.8rem;
  font-weight: 700;
  color: #000;
  text-align: center;
  margin-bottom: 4rem;
  font-size: 4rem;
  display: none;
}

#cv-content h3 {
  font-weight: 500;
  color: #000;
  margin: 0;
  padding: 0;
  font-size: 2.5rem;
}

#cv-content h4 {
  font-weight: 400;
  color: #000;
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
}
#cv-content h5 {
    margin: 2rem 0 1rem 0;
    font-size: 1rem;
}

#cv-content ul {
  padding-left: 1.4rem;
}

#cv-content li + li {
  margin-top: 0.4rem;
}

#cv-content pre {
  font-weight: 300;
  color: #666;
  border: 0;
}
#cv-content pre code {
    padding-left: 0;
}

#cv-content address {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
}

#cv-content address.phone {
}
#cv-content address.github {
    float: right;
    text-align: right;
    clear: both;
}

#cv-download {
  cursor: pointer;
}

#cv-export {
  width: 100%;
  display: flex;
  justify-content: center;
}

#cv-qr {
  display: none;
  text-align: center;
  font-size: 80%;
  color: #444;
}

#cv-qr .qr-label {
}

@media print {
  @page {
    size: A4;
    margin: 1cm 2cm;
  }

  html, body {
    background: #fff;
    margin: 0 !important;
    padding: 0 !important;
  }

  body > * {
    display: none;
  }
  body > main {
      display: block;
      margin: 0 !important;
      padding: 0 !important;
  }

  main > div {
      margin: 0 !important;
      padding: 0 !important;
  }

  header {
      display: none;
  }

  footer {
      display: none;
  }
  body.cv {
    padding: 0;
    margin: 0;
  }

  #cv-export {
  }

  #cv-content {
    padding :0;
    border: none;
    box-shadow: none;
    font-size: 10pt;
    line-height: 1.45;
    margin: 0 auto;
  }

    #cv-content table th {
        padding: 0rem 1rem 0 0;
    }

  #cv-content h2 {
      display: block;
      font-size: 24pt;
      margin: 3rem 0 3rem 0 !important;
      padding: 0 !important;
  }

  #cv-content h3 {
      display: block;
      font-size: 20pt;
  }

  #cv-download {
    display: none;
  }
  article {
      margin: 0 !important;
      padding: 0 !important;
  }
  article > div.flex {
      display: none !important;
  }

  #cv-qr {
      display: block !important;
      margin-bottom: 0 !important;
      margin-top: 2rem !important;
      padding-top: 3rem !important;
  }
}

body.cv.cv-pdf-export {
  background: #fff;
}

body.cv.cv-pdf-export #cv-content code {
    color: #000;
    font-size: 9pt;
}

body.cv.cv-pdf-export #cv-content {
  font-size: 9pt;
  line-height: 1.45;
  border: none;
  box-shadow: none;
  margin: 0 auto;
}

body.cv.cv-pdf-export #cv-content h2 {
  font-size: 0.8cm;
  margin-bottom: 2cm;
  display: block;
}

body.cv.cv-pdf-export #cv-content h3 {
  font-size: 24pt;
}

body.cv.cv-pdf-export #cv-content h4 {
  font-size: 12pt;
}
body.cv.cv-pdf-export #cv-content address {
    font-size: 9pt;
}
body.cv.cv-pdf-export #cv-content address.email {
    margin-bottom: 1cm;
}

body.cv.cv-pdf-export #cv-qr {
    display: block;
}

body #cv-qr {
  margin-top: 2cm;
  display: none;
  text-align: center;
}
body #cv-qr-code {
  display: inline-block;
  width: 2cm;
  height: 2cm;
}