.Person {
    flex: 1 1;
    flex-basis: 300px;
    align-items: center;
    gap: 1rem;

    & img {
        border: 4px solid var(--color-orange);
        border-radius: 50%;
        width: 150px;
    }

    & span {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: bold;

        &:not(:last-child):after {
            content: " | "
        }
    }

    & p {
        text-align: center;
        white-space: pre-wrap;

        &:first-of-type {
            margin-top: -1rem;
        }
    }
}