:root {
  --bs-body-bg: #f8f9fa;
}

html {
  scroll-behavior: smooth;
}

section[id] {
  scroll-margin-top: 4.5rem;
}

.py-lg-6 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

@media (min-width: 992px) {
  .py-lg-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}

.navbar-brand {
  font-size: 1rem;
}

.card,
.list-group {
  border-color: rgba(0, 0, 0, 0.08);
}

.object-fit-cover {
  object-fit: cover;
}