:root {
    --picture-width: 15rem;
}

.person-container {
    width: 100%;
    padding: 1rem;
}

.person-picture img {
    width: var(--picture-width);
    height: var(--picture-width);
    border-radius: 100%;
    color: var(--color-background);
}

.person-picture {
    margin-right: 3rem;
}

.person-content {
    font-family: 'JetBrains Mono';
    color: var(--color-text);
    width: 100%;
}

.person-span > span {
    background-color: var(--color-pill);
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 0.5rem;
    border-radius: var(--border-min);
    font-size: var(--1-2-rem);
}

.person-content h1 {
    font-weight: 800;
    padding: 0;
    margin: 1rem;
    margin-left: 0;
    font-size: var(--2-rem);
}