.bg-branded {
    background-color: #7C6A9E;
}


.text-branded {
    color: #7C6A9E;
}

.thumbnail {
    border-radius: 8px;
    width: 300px;
    height: 220px;    
}

.thumbnail-xl {
    border-radius: 8px;
    width: 100%;    
}

.card {
    border: none;
    background-color: #FAF8F5;
    padding: 5px;
    width: 300px;
}

p {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.card-text {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.img-center {
    margin: 0 auto;
}
body {
    font-family: "Playfair Display", serif; /* Add a generic serif fallback */
}