@font-face { /* serif */
    font-family: "Goudy Old Style";
    src: url("/fonts/cert/goudy-regular.woff") format("woff"), url("/fonts/cert/goudy-regular.ttf") format("truetype");
}
@font-face {
    font-family: "Goudy Old Style";
    src: url("/fonts/cert/goudy-bold.woff") format("woff"), url("/fonts/cert/goudy-bold.ttf") format("truetype");
    font-weight: bold;
}
@font-face { /* script */
    font-family: "Script Calligraphy";
    src: url("/fonts/cert/alexbrush.woff") format("woff"), url("/fonts/cert/alexbrush.ttf") format("truetype");
}
@font-face { /* sans serif */
    font-family: "Ostrich Sans";
    src: url("/fonts/cert/ostrich.woff") format("woff"), url("/fonts/cert/ostrich.otf") format("opentype");
}

@page {
  size: letter landscape;
}

.certificate-of-completion.framed {
    background-image: URL('//drr9sryd4tg2y.cloudfront.net/images/earn/certificate-frame.png');
    width: 1000px;
    height: 652px;
    padding-top: 110px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

* { /* makes the background-image print - used above */
    -webkit-print-color-adjust: exact;   /* Chrome, Safari 6 – 15.3, Edge */
    color-adjust: exact;                 /* Firefox 48 – 96 */
    print-color-adjust: exact;           /* Firefox 97+, Safari 15.4+ */
}

.certificate-of-completion {
    text-align: center;
    margin: 26mm;
    margin-top: 24mm;
    page-break-inside: avoid;
    page-break-after: always;
}
.certificate-of-completion img {
    max-height: 110px;
    margin: 0px;
}
.certificate-of-completion .ty-header {
    font-family: "Ostrich Sans";
    font-size: 50pt;
    margin-top: 10px;
    margin-bottom: 30px;
    letter-spacing: 3px;
    transform: scale(1.2,1);
}
.certificate-of-completion .ty-header, .certificate-of-completion .graduate {
    text-transform: uppercase;
}
.certificate-of-completion .script {
    font-family: "Script Calligraphy";
    letter-spacing: 0px;
    font-size: 27pt;
    DIStransform: scale(1.1, 1);
    line-height: 30pt;
}
.certificate-of-completion .script span {
    DISletter-spacing: -5px;
}
.certificate-of-completion #participant-name {
    font-weight: bold;
    font-size: 43pt;
    margin-top: -5px;
    letter-spacing: 0px;
}
.certificate-of-completion .graduate {
    font-weight: bold;
    font-size: 40pt;
    margin-top: 30px;
    letter-spacing: 2px;
    transform: scale(1.1, 1);
}
.certificate-of-completion .class-of-year {
    font-size: 30pt;
    letter-spacing: 2px;
    margin-top: -5px;
}
.certificate-of-completion .end-header {
    font-size: 18pt;
    letter-spacing: 1px;
}
.certificate-of-completion #participant-name, .certificate-of-completion .graduate, .certificate-of-completion .class-of-year, .certificate-of-completion .end-header {
    font-family: "Goudy Old Style";
}

.certificate-page-header {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.certificate-page-header h2 {
    margin: auto;
    width: 1000px;
    color: red;
}
.certificate-page-header div {
    margin: auto;
    width: 1000px;
    margin-top: 10px;
    font-size: 13pt;
}
.graduate-image {
    text-align: center;
    margin-top: 40px;
}
.graduate-image img {
    max-width: 1000px;
    max-height: 800px;
    margin-bottom: 20px;
}

.footer {
    text-align: center;
    margin-top: 10px;
    padding-bottom: 20px;
    font-size: 20pt;
}
.footer div {
    display: inline;
}
.footer img {
    max-height: 60px;
    vertical-align: -60%;
    padding-right: 15px;
}
.footer a {
    font-weight: bold;
}
@media print {
    .dontprint {
        display: none;
    }
}