@page {
  size: letter;
  margin: 0.5in;
}

body {
  background: #f0f0f0;
}

.pagedjs_pages {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}

.pagedjs_page {
  background: #fff;
}

.pagedjs_pagebox {
  border: 1px solid #ccc;
}

:root {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

div,
p,
li {
  font-size: 10.5pt;
}

strong {
  font-weight: 700;
}

p {
  margin-top: 0;
}

h2 {
  font-size: 16pt;
  text-align: center;
}

h3 {
  font-size: 11pt;
  margin: 0.3em 0 0.2em;
  border-bottom: 1px solid #333;
}

h4 {
  font-size: 11pt;
  text-align: center;
  margin: 0.25em 0;
}

h5 {
  font-size: 11pt;
  font-weight: 400;
  text-align: center;
}

ul {
  margin-top: 0;
}

a {
  color: unset;
  text-decoration: none;
}

.opening,
.edu {
  p,
  h2,
  h3,
  h4,
  h5 {
    margin: 0;
  }
}

.exp {
  break-inside: avoid;
  /* PagedJS likes this */
}

.exp-head {
  display: flex;
  justify-content: space-between;
}

.exp-head + div + p {
  margin-bottom: 0;
}

.exp-head div:last-child {
  font-weight: 700;
}