body *
{
    font-family: sans-serif;
}

/* ------ top of the page ------ */
.topheader {
    /* center it */
    display: flex;
    align-items: center;
    justify-content: center;

    /* big */
    font-size: 3.0rem;
}

/* ------ portfolio stuff ------ */

.portfolio {
    /* center this bit */
    display: grid;
    place-items: center;
}

.portfolio > * {
    width: 69%;
}

.portfolio p {
    font-size: 1.2em;
}

/* thanks mdn for the next two https://developer.mozilla.org/en-US/docs/Web/CSS/How_to/Layout_cookbook/Column_layouts#a_single_row_of_items_with_equal_heights_%E2%80%94_flexbox */
.container {
    /*
    border: 2px solid rgb(75 70 74);
    border-radius: 0.5em;
    */
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

/*
.container > * {
    border: 2px solid rgb(95 97 110);
    border-radius: 0.5em;
}
*/

.container img {
    max-width: 100%;
}

/* ------ other text ------ */
.prose {
    display: grid;
    place-items: center;
    /*
    display: flex;
    justify-content: center;
    align-items: center;
    */
}

.prose p {
    font-size : 1.2em;
}

.prose > * {
    width: 69%;
}