/*----------------------------------------------------------------------------*/
/* Body */

body
{

    background-color: var(--background);

    height:  100vh;
    margin:  auto;
    padding: 0;
    padding-inline: 1.5rem;

    min-width: 50ch;
    max-width: 75ch;

}


/*----------------------------------------------------------------------------*/
/* Header */

article > header {

    #home {
        padding-inline: 4px;
        &:hover { 
            background-color: var(--accent);
            color: var(--background);
            text-decoration: none;
        }
    }

    h1 { 
        font-weight: 200; 
        color: var(--accent);
        margin-block: 8px 0;
    }

    p { display: inline-block; margin: 0; line-height: 2; }
    #ctime {
        font-family: var(--font-family-mono);
        font-size: 0.875rem;
    }

    margin-block: 4rlh 1rlh;

}


/*----------------------------------------------------------------------------*/
/* Footer */

body > footer {

    padding-block: 2rlh 2rlh;

    p {
        display: inline-block;
        margin: 0;
    }

}