.intro {
    display: flex;
    align-items: center;
    gap: 24px;
}

.image img {
    max-width: 300px;
    width: 100%;
    display: block;
}

.about {
    font-size: 1.25rem;
}

.activities table {
    width: 100%;
    border-collapse: collapse;
}

.activities td {
    vertical-align: top;
    width: 33.33%;
    padding: 12px;
}

.running,
.game-dev,
.reading {
    display: flex;
    align-items: center;
    gap: 12px;
}

.running img,
.game-dev img,
.reading img {
    max-width: 100px;
    width: 100%;
    display: block;
}

.activity-description {
    flex: 1;
}