.about-content {
    display: grid;
    grid-template-columns: 1fr min-content;
    gap:calc(var(--margin)*2);
}

.about-content p {
    hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
}

.about-container .contact p {
    white-space: nowrap;
}

.about-content .credits {
    font-size: .8em;
    margin-top: 1em;
}

/* MEDIA QUERIES */
@media (max-width: 800px), (orientation: portrait) {
    .about-content {
        grid-template-columns: 1fr;
    }

    .about-content p {
        hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
    }
}