body {
    max-width: 650px;
    margin: 40px auto;
    padding: 0 10px;
    font-family: Sans-Serif;
}
h1,
h2,
h3 {
    line-height: 1.2;
}



div.noBullets ul {
  list-style-type: none;
  padding-left: 0;
}

figure {
    padding: 4px;
    margin: auto;
    text-align: center;
}


figcaption {
    font-style: italic;
    padding: 4px;
    text-align: center;
}

img {
    object-fit: contain;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 100%;
    border-radius: 5%;
    padding: 4px;
}

div.figureGallery {
    column-count: 2;
    column-width: 285px;
    column-gap: 40px;
}
div.figureGallery img {
    border-radius: 50%;
}

div.tiledBlurb {
    width: auto;
    height: fit-content;
    padding: 10px;
    margin: 10px;
    text-align: left;
}


div.memberTile {
    width: auto;
    height: fit-content;
    padding: 4px;
    margin: 4px;
    text-align: center;
}

div.memberTile img {
    border-ratius: 30%
    object-fit: cover;
}

div.memberTile h3 {
    font-size: medium;
    line-height: 1;
}

div.memberTile p {
    font-size: small;
    line-height: 1;
}

div.centered {
    text-align: center;
}



div.equalColumns {
    display: grid;
    gap: 1em;
}


/* Uses Catppuccin Latte for light and Catppuccin Mocha for dark */

@media (prefers-color-scheme: light) {
    body {
        color: #4c4f69;
        background: #eff1f5;
    }
    a:link {
        color: #1e66f5;
    }
    a:visited {
        color: #7287fd;
    }

    hr {
    	color: #7c7f93
    }

    div.noticeText a {
        color: #fe640b
    }



}

@media (prefers-color-scheme: dark) {
    body {
        color: #cdd6f4;
        background: #1e1e2e;
    }
    a:link {
        color: #89b4fa;
    }
    a:visited {
        color: #b4befe;
    }

    hr {
    /* Overlay 2 */
    	color: #9399b2
    }

	/* Peach */
    div.noticeText a {
        color: #fab387
    }


}


@media (min-width: 650px) {
    div.equalColumns{
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
    }
}
}