body {
    margin: 0;
    padding: 0;
}

:root {
    --acct1:#60756a;
    --acct2:#725f72;
    --acct3:#b75139;
    --base1: #eae8da;
    --fontColor: var(--base1);
    --textSizeBase: 1.2rem;
}

main, footer {
    width: 100%;
    background: var(--acct1);
    display: flex;
    align-items: center;
    justify-content: center;
}
main {
    min-height: 90vh;
}
footer {
    min-height: 10vh;
}


p {
    size: var( --textSizeBase );
    &.caption {
        font-weight: 100;
        font-size: calc( var(--textSizeBase) * .8 ); 
    }
}
h1, h2, h3, h4, h5, h6, p {
    color: var( --fontColor );
}
h3 {
    font-weight: 200;
}