/* Import font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

.element {
    max-width: fit-content;
    margin-inline: auto;
  }

  body {
    background: url('./../Images/d. Blurred Valentines Day Wallpaper.jpg') no-repeat center center fixed;
    background-size: cover;
}
/* Override Bootstrap's bg-light for the navbar */
.navbar.bg-light {
  background-color: #FAAEC0 !important;
  padding: 5px;
  border-radius: 4px;
}

.card.bg-light{
  background-color: #FAAEC0 !important;
  padding: 5px;
  border-radius: 4px;
}

.bg-dark{
  background-color: #e3d4fc !important;
  padding: 5px;
  border-radius: 4px;
}

.bg-secondary{
  background-color: #fcd4fc !important;
  padding: 5px;
  border-radius: 4px;
}

.bg-fundraiser{
  background-color: #fcd4e2 !important;
  padding: 5px;
  border-radius: 4px;
}

.text-wrapper {
  background-color: rgba(251, 229, 236, 0.6); /* light overlay with 60% opacity */
  padding: 5px;
  border-radius: 4px;
}

/* Set a base font size for the whole site */
html {
  font-size: 16px; /* Adjust this to scale all text proportionally */
}

/* Adjust headers and paragraph sizes */
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }
p  { font-size: 1rem; } /* Adjust this if needed */