.body--biography {
    font-family: sans-serif;
}


/*===========================================================================*/
/*-------------------------- BIOGRAPHY>TEXT STYLES --------------------------*/
/*===========================================================================*/

.biography__bio {
    padding: var(--frame-padding);
}

.biography__bio h2 {
    margin-bottom: 40px;
}


/*==========================================================================*/
/*-------------------------- BIOGRAPHY>IMG STYLES --------------------------*/
/*==========================================================================*/

.biography__photo-container {
    padding: 30px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    background-color: #CCC;
}

.biography__photo {
    align-self: center;
    max-width: 30%;
    border: 3px outset #000;
    border-radius: 5px;
    box-shadow: 5px 5px 7px #000;
}

@media (max-width: 800px) {
    .biography__photo-container {
        flex-direction: column;
    }

    .biography__photo {
        max-width: 100%;
    }
}