/* General Styles */

:root,
[data-bs-theme=light] {
  --font-serif: Georgia, 'Times New Roman', Times, serif;
  --font-sans-serif: var(--bs-font-sans-serif);
}
.ff-serif {font-family: var(--font-serif);}
.ff-sans-serif {font-family: var(--font-sans-serif);}
body {
  background-color: #f8f9fa; /* Light background */
}
h1, h2, h3 {font-weight: bold; font-family: var(--font-serif);}
a.navbar-brand {
  color: #1a1a99;
}
a.navbar-brand:hover {
  color: #1a1a99;
}
a.navbar-brand .dot{
  color: #d00;
}
p.lead {
  font-size: 1rem;
  font-family: var(--font-serif);
  font-style: italic;
}
h1.brand a img {
  margin-right: 1rem;
}
/* Header Styles */

header {
  background-color: #fff;
  padding: 2rem 0;
  border-bottom: 1px solid #dee2e6;
}

/* Project Styles */
.card {
  border: none;
  border-radius: 0;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  transition: transform 0.2s;
}

.card:hover {
  transform: scale(1.05);
}

/* Footer Styles */
footer {
  background-color: #282c34;
  color: #ccc;
  padding: 2rem 0;
}
footer h1, footer h2, footer h3 {
  color: #ccc;
}


/* Bootstrap Specific Styles (Adjust as needed) */
/* You usually don't need to override these unless you have specific requirements. */
/*  Example:  If you want larger default buttons: */
/*  .btn {
      padding: 0.75rem 1.5rem;
  } */

blockquote {
  border: 1px solid rgba(255, 255, 255, .1);
  border-left: 7px solid #d00;
  margin: 1rem 0;
  padding: 1rem 1rem 0 1rem;
  font-style:unset;  
  background-color: rgba(0, 0, 0, .03);
}

blockquote p {
  font-weight:600;
  line-height: 1.2rem;
  margin:0; 
  padding:0
}