.about-photo {
    width: 200px;
    height: 200px;
    border-radius: 10%;
    object-fit: cover;
    display: block;
    float: right;
    margin: 0 0 1rem 1.5rem;
}

@media (max-width: 500px) {
    .about-photo {
        float: none;
        margin: 0 auto 1.5rem auto;
    }
}

.about h1 {
    font-size: 1.5rem;
    color: #24292f;
    margin-bottom: 1.5rem;
}

.about h2 {
    font-size: 1.15rem;
    color: #24292f;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
}

.about p {
    margin-bottom: 1rem;
    line-height: 1.7;
}

.about ul {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

.about li {
    margin-bottom: 0.5rem;
    line-height: 1.6;
}

.about strong {
    color: #24292f;
}