@font-face {
    font-family: PrimerPrint;
    src: url("../font/Primer-Print.otf");
}
@font-face {
    font-family: PrimerPrintBold;
    src: url("../font/Primer-Print-Bold.otf");
}
@font-face {
    font-family: Bainsley_Roman;
    src: url("../font/Bainsley_Roman.otf");
}

@font-face {
    font-family: YesevaOne;
    src: url("../font/YesevaOne-Regular.ttf");
}
html, body, *::before {
    margin: 0;
    padding: 0;
}
html {
    height:100%;
    font-family: PrimerPrint;
}
html > body {
    background-image: url("../images/nora/260727Nora.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
}
body > h1 {
    margin: 0 10pt 10pt 10pt;
    padding: 20pt;
    font-size: 40pt;
    font-family: YesevaOne;
    stroke: white;
    /* -webkit-text-stroke: 1px white; */

    text-shadow: 2px 2px white;
}
body > p, body > div.paragraph {
    margin: 10pt;
    padding: 10pt;
    font-size: 20pt;
    line-height: 1.5em;
}
li {
    list-style-type: disc;
    margin-left: 15pt;
}
@media (max-width: 1199px) {
    html > body {
        backdrop-filter: blur(5px);
        background-size: cover;
    }
    body > p, body > div.paragraph {
        background: rgba(255,255,255,0.9);
        padding: 25pt;
        margin-bottom: 25pt;
        border-radius: 15pt;
    }
}
@media (min-width: 1200px) {
    html > body {
        background-position: top right;
        background-size: auto 100%;
        height:100%;
    }
    body > p, body > div.paragraph {
        width: calc( 100vw - ( 100vh * 0.85) );
    }
}