body {
    background-color: gainsboro;
}
.title-bar {
    text-align: center;
}
.my-body h2 {
    text-align: center;
}
.my-body {
    margin-left: 5rem;
    margin-right: 5rem;
}
#intro {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}
.intro-text {
    flex: 1 1 24rem;
}
.photo-row {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex: 0 0 auto;
}
.photos {
    width: min(20em, 40vw);
    height: auto;
}
@media (max-width: 800px) {
    #intro {
        flex-direction: column;
    }
    .photo-row {
        justify-content: center;
    }
    .photos {
        width: min(20em, 80vw);
    }
    .blog-image-row {
        flex-direction: column;
        align-items: center;
    }
    .blog-image-row img {
        height: auto;
    }
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
.blog-title {
    text-align: center;
}
.blog-body p {
    text-align: justify;
    padding-left: 28%;
    padding-right: 28%;
}
.blog-image-row {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}
.blog-image-row img {
    height: 25rem;
    width: auto;
    max-width: 100%;
}