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

body {
    background: #f0f0f0;
}

.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: 11pt;
}

strong {
    font-weight: 700;
}

a {
    color: #000;
}

p {
    margin-top: 0;
}

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

h3 {
    font-size: 11pt;
    text-align: center;
    margin: 0.3em 0 0.2em;
}

h4 {
    font-size: 11pt;
    text-align: center;
}

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

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

.opening h5:last-of-type {
    padding-bottom: 1em;
    border-bottom: 1px solid #333;
}

.exp {
    display: flex;
    justify-content: space-between;
    break-after: avoid-page;
    page-break-after: avoid;
    /* PagedJS likes this */
}

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