html {
    min-height: 100svh;
    display: flex;
    justify-content: center;
    background-color: lightgray;
}
body {
    display: flex;
    flex-flow: column nowrap;
    aspect-ratio: 8.5/11;
    max-height: 100svh;
    /* border: red solid 2px; */
    background-color: white;
}
main {
    padding: 3% 3% 0 15%;
} 
main h1 {
    color: rebeccapurple;
    line-height: .8em;
    font-size: 4em;
}
main p.introParagraph {
    padding-top: 2%;
    font-size: 1.5em;
    margin-bottom: 2%;
}
section.article {
    display: flex;
    flex-flow: column wrap;
    width: 100%;
    /* border: 2px solid saddlebrown; */
    height: 50%
}
section.article div {
    height: 100%;
    width: 50%;
    /* border: 2px solid yellowgreen; */
    display: inline-flex;
    flex-flow: column wrap;
    
}
section.article div p{
    /* border: 2px solid yellowgreen; */
    font-size: 1.075em;
    margin: 0 2%;
}
span.pullQuote{
    width: 130%;
    /* border: 2px pink solid; */
    margin-left: -30%;
    display: inline-block;
    font-weight: bold;
    padding: 5% 5% 5% 0;
}
span.pullQuote span.quote{
    color: teal;
    font-size: 1.8rem;
}
span.pullQuote span.credit{
    color: teal;
    font-size: .8rem;
}

p.footer {
    padding: 3% 6%;
    margin: -5.6svh;
}
p.footer span {
    font-size: .6rem;
}