<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">section#about .container p{
    display: flex;
    flex-direction: column;
    gap: calc(4 * var(--gap));
    margin: calc(8 * var(--gap)) 0;
}

/* Purpose and Principles */
.purpose-principles {
    background-color: var(--secondary);
    color: var(--text-dark-background);
    position: relative;
}

.principles-grid &gt; :nth-child(odd){
    background-color: var(--primary);
}

.purpose-principles h2 {
    color: var(--text-dark-background);
    position: relative;
    display: inline-block;

    border-bottom: var(--underline-dark-background);
    color: var(--underline-dark-background);
}

section#purpose-principles p,li{
    max-width: var(--content-max-width);
}
.principles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--gap);
    margin-bottom: 1em;
}

@media only screen and (max-width: 675px) {
    .principles-grid {
        grid-template-columns: 1fr;
        margin: 1em;
    }
    .principles-grid &gt; div{
        padding: var(--container-padding) !important;
    }
    .image-slider{
        height: 400px;
    }
}
.principles-grid &gt; div{
    display: flex;
    flex-direction: column;
    gap: calc(4 * var(--gap));
    padding: 3em;
}
.principles-grid ul li{
    font-family: var(--font-family-heading);
    font-size: var(--font-size-h5);
    color: var(--accent);
    text-shadow: 0 0 1px black;
}
.principles-grid &gt; div *{
    padding: 0;
}
.mission h3, .vision h3, .core-values h3 {
    color: var(--text-dark-background);
}
.purpose-principles{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.purpose-principles .container{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
}
#about{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#team {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#team h2{
    border-bottom: var(--underline-light-background);
}
#team img{
    max-width: var(--content-max-width);
    object-fit: cover;
    width: 100%;
    max-height: unset;
}
#team a{
    margin-bottom: 1em;
}

</pre></body></html>