.about {
    margin: 25vh 0;
    width: 100vw;
}

.about > .title {
    justify-self: center;
    align-self: center;
    font-size: var(--font-size-xlarge);
    font-family: var(--font-family-global), serif;
    color: var(--text-color-body);
    text-align: center;
    margin-bottom: 12.5vh;
}

.about .wrapper {
    display: grid;
    justify-content: center;
    align-items: center;
}

.about .wrapper p {
    width: 50%;
    text-align: justify;
    justify-self: center;
    color: rgba(var(--text-color-body-rgb), .5);
    white-space: pre-line;
}

@media screen and (max-width: 950px) {
    .about .wrapper p {
        width: 75%;
    }
}