:root {
    --header-height: 60px;
}

body {
    color: var(--col-dark-prim);
    margin: 0;
    font-family: 'Helvetica';
    display: flex;
    flex-direction: column;
    min-height: 100vH;
}

#page-cpi-area { margin-top: auto; }

a {
    color: var(--col-orig-light-prim);
    text-decoration: none;
}

path:hover {
    fill: white;
}
text {
    fill: var(--col-bg-one);
}

a:hover {
    color: var(--col-med-sec);
}

main { padding: 0px }

.main-content-wrapper {padding: 0 60px}

main.textpage {
    margin: calc(var(--header-height) + 60px) auto 60px auto;
    max-width: 800px;
}

#main-content-wrapper.textpage {padding: 0 60px}

main.nontextpage {
    margin: var(--header-height) auto 0 auto;
    padding: 0
}

#main-content-wrapper.nontextpage {padding: 0}