body {
    font-family: sans-serif;
}

.header {
    display: flex;
    align-items: center;
    justify-content: center;
}

.portfolio {
    display: grid;
    place-items: center;
}

:heading {
    font: sans-serif;
}

/* 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;
    */
    padding: 10px;
    width: 69%;
    font: 1.2em sans-serif;

    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

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

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