@page:first {
    padding-top: 45mm;
}

p {
    break-after: avoid;
}

body > h2 {
    break-before: page;
    margin-top: 0;
}

h1 {
    font-size: 15mm;
    text-align: center;
    margin-bottom: 100mm;
}

.barcode {
    -ro-replacedelement: barcode;
    object-fit: contain;
    width: 5cm;
}

.qrcode {
    -ro-barcode-type: qrcode;
}

.pdf417 {
    -ro-barcode-type: pdf417;
    -ro-barcode-content: "RealObjects PDFreactor is a powerful formatting processor for converting HTML and XML documents into PDF.";
}

.datamatrix {
    -ro-barcode-type: data-matrix;
    -ro-barcode-content: "RealObjects PDFreactor is a powerful formatting processor for converting HTML and XML documents into PDF.";
}

.azteccode {
    -ro-barcode-type: aztec-code;
}

.gridmatrix {
    -ro-barcode-type: grid-matrix;
    -ro-barcode-content: url(https://www.pdfreactor.com/product/samples/compoundFormats/compoundFormats.pdf);
}

.maxicode {
    -ro-barcode-content: "123456789123456789";
    -ro-barcode-type: maxicode mode-4;
}

.microqr {
    -ro-barcode-content: "micro";
    -ro-barcode-type: microqr;
}

.code-one {
    -ro-barcode-content: "1234567894561230";
    -ro-barcode-type: code-one;
}

.codablockf {
    -ro-barcode-content: "123456789";
    -ro-barcode-type: codablockf;
}

.databarlimited {
    -ro-barcode-content: "123456";
    -ro-barcode-type: databar-limited;
}

.omnidirectional {
    -ro-barcode-content: "123456";
    -ro-barcode-type: databar omnidirectional;
}

.ean13 {
    -ro-barcode-type: ean-13;
    -ro-barcode-content: "123456789012";
}

.ean8 {
    -ro-barcode-type: ean-13;
    -ro-barcode-content: "1234567";
}

.gs1-128 {
    -ro-barcode-type: code128;
    -ro-barcode-encoding: gs1;
    -ro-barcode-content: "[12]345678[90]12";
}

.itf14 {
    -ro-barcode-type: itf14;
    -ro-barcode-content: "1234567890123";
}

.upca {
    -ro-barcode-type: upc-a;
    -ro-barcode-content: "12345678901";
}

.upce {
    -ro-barcode-type: upc-a;
    -ro-barcode-content: "1234567";
}

.code128 {
    -ro-barcode-type: code128;
    -ro-barcode-content: "Hello World";
}

.interleaved2of5 {
    -ro-barcode-type: code2of5 interleaved;
    -ro-barcode-content: "1234567890";
}

.postnet {
    -ro-barcode-type: postnet;
    -ro-barcode-content: "1234567890";
}

.kixcode {
    -ro-barcode-type: kixcode;
    -ro-barcode-content: "1234567890";
}

.koreapost {
    -ro-barcode-content: "123456";
    -ro-barcode-type: korea-post;
}

.dp-leitcode {
    -ro-barcode-content: "123456";
    -ro-barcode-type: dp-leitcode;
}

.auspost {
    -ro-barcode-type: auspost;
    -ro-barcode-content: "12345678";
}

.logmars {
    -ro-barcode-content: "123456";
    -ro-barcode-type: logmars;
}

.pharmacode {
    -ro-barcode-content: "123456";
    -ro-barcode-type: pharmacode;
}

.usps {
    -ro-barcode-type: usps-onecode;
    -ro-barcode-content: "12345678901234567890";
}

.intro {
    width: 100%;
    margin-top: 4em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 0;
    border: none;
    text-align: center;
    table-layout: fixed;
}

.introIcon {
    width: 135px;
    height: 135px;
}

.intro td {
    margin: 0px;
    border: none;
    padding: 8px 0px 16px 0px;
    color: black;
}

.introNames td {
    padding: 1ex;
    vertical-align: top;
}

.introNames span {
    font-size: 18px;
    color: rgb(49,49,49);
}

.introNames span:nth-child(n+2) {
    font-size: 7px;
}

.introNames span:nth-child(n+2)::before {
    content: "\A";
    white-space: pre;
}

.intro a {
    color: black;
}

h3 {
    text-align: center;
}

.flexcolumn {
    display: flex;
    flex-flow: column;
    justify-content: space-around;
}

.flexcolumn p {
    text-align: center;
}

.flexcontainer {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: baseline;
}

.mathmlcontainer > * {
    margin: 10mm 5mm;
}

.svgIcons {
    text-align: center;
}

.svgIcons > img {
    width: 72mm;
    margin: 5mm;
}