body {
    background-color: thistle;
    font-family: 'Source Serif Pro', serif;
}

header {
    border: 8px solid var(--color-font1);
    min-height: 80px;
    position: relative;
    /* this doesn nothing noticable */
}

/* this is a type selector */
/* descendant selector */
header div{
    border: 10px solid gainsboro;
    min-height: 80px;
    /* margin: 100px auto; 80px top and bottom, auto left and right */
    width: 500px;
}

/* header div:last-child {
    box-sizing: border-box;
} */

/* id selector */
#headerText {
    text-align: center;
    min-height: 100px;
    float: left;
    position:absolute; left: 0px; top: 0px;
}

#headerPhoto {
    background-image: url(../images/wall.jpg);
    background-size: cover;
    background-position: center;
    min-height: 400px;
    /* float: right; */
    position: absolute; right: 0; top: 0px;
}