.project {
    max-width: 600px;
}

.project .project-head {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.project-head .project-labels {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.project-head .project-labels p::after {
    content: ",";
    margin-right: 6px;
}

.project-head .project-labels p:first-child::before {
    content: "(";
    margin: 0;
}

.project-head .project-labels p:last-child::after {
    content: ")";
    margin: 0;
}

.project-links {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.project-links a::after {
    content: "|";
    margin: 0 6px;
    cursor: none;
}

.project-links a:last-child::after {
    content: none;
    margin: 0;
}

.project-separator {
    border: 1px solid black;
}