/* Required for full height elements */

/* this enables border-left to split the whole page */
html,body {
    height: 100%;
}

body {
    display:flex;
    flex-direction: column;
}

nav {
    color: var(--nav-fg);
    background-color: var(--nav-bg);
    margin-bottom: 0em;

    display:flex;
    align-items:center;
}

nav .links {
    margin:1.5em;
    margin-left:2em;
    margin-right:2em;
}

nav > .links {
}

nav > .links > a {
    color: var(--nav-a);
    margin-right: 1em;
}

nav .patch {
    margin-left:1.5em;
    margin-right:1em;
}

nav > * {
    flex-grow: 1;
}

nav .name {
    text-align:right;
    /* letter-spacing:2.3px; */
    letter-spacing:.8px;
    font-size:2em;
    font-weight:600;
}

main.form {
    background-color:#DDD;
    flex-grow: 1;
}

main > form {
    padding-bottom: 2em;
}

.page-margin {
    margin: 2em;
}

@media screen {
    .print-only {
        display:none;
    }
}


@media print {
    .page-margin {
        margin: 0em;
    }

    @page
    {
        /* size: letter landscape; */
        margin: .5in;
    }

    .noprint {
        display:none;
    }

    /* This enables <div class="page-break"/> tags to be added after the fact */
    .page-break {
        page-break-after: always;
    }
}