article.wide {
    width: 100%;
    max-width: 100%;   /* override global setting */
    display: flex;
    flex-direction: column;
    align-items: center;
}

#intro {
    margin-bottom: 4em;
    padding: 1em;
}

.anchor {
    scroll-margin-top: 6.5em;
}

.portrait img {
    width: 12em;
    height: auto;
}

h2 {
    width: 100%;
    text-align: center;
}

#equ {
    margin-top: 0.8em;
    height: 2.75em;
    width: auto;
}

#projects {
    background: var(--bg4);
    color: var(--text4);
}

#projects a {
    color: var(--text5);
    text-decoration: none;
}

.project_box {
    max-width: 80em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2em;
}

.project {
    max-width: 32em;
    margin: 0.5em;
    display: flex;
}

.project_box > a:nth-child(odd) .project {
    flex-direction: row-reverse;
}

.symbol {
    height: 0.8em;
    width: auto;
}

.description {
    padding: 0.5em;
 }

.thumbnail {
    width: 10em;
    height: auto;
}

#pico_projects {
    background: var(--bg5);
    color: var(--text5);
}

#pico_projects a {
    color: var(--text5);
    text-decoration: none;
}

.subH2 {
    margin-top: 0;
    margin-bottom: 2em;
    text-align: center;
}

#filterLabel {
    padding: 0.5em;
    /*background: var(--bg4);*/
    /*border: 1px solid var(--gray);*/
    /*border-radius: 0.5em;*/
}

#filterSymbol {
    height: 1.8em;
    width: auto;
    margin-bottom: -0.9em;
    margin-left: -1.5em;
    fill: var(--text5);
    stroke: var(--text5);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#filter {
    appearance: none; 
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0.5em;
    border: none;
    border-radius: 0.5em;
    background: var(--bg4);
    cursor: pointer;
    outline: none;
}

#filter:focus {
    border: none;
}

.pico_project {
    width: 10em;
}

.pico_project h3, .pico_project p {
    text-align: center;
}

.pico-thumbnail {
    width: 10em;
    height: auto;
}

#supplement1 {
    font-size: 125%;
    font-family: monospace;
}
