:root {
  --bs-primary: #1860b5; /* Bootstrap's default blue */
  --bs-navbar-active-color: var(--bs-primary);
}

#portrait-container {
  background-color: #f8f8f8;
}

#portrait {
  background: url('/assets/images/portrait.jpg') no-repeat;
  background-position: center;
  background-size: 230%;
}

.link-icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.link-icon img {
  filter: invert(38%) sepia(13%) saturate(7014%) hue-rotate(190deg)
    brightness(78%) contrast(95%);
  transform: rotate(-30deg);
}

.accordian-body li img {
  width: 50px;
}

.contact-icon img {
  width: 50px;
  margin-right: 2rem;
  border: 1px solid black;
  border-radius: 500px;
}

.footer-link-icons img {
  width: 50px;
  filter: invert(48%) sepia(33%) saturate(162%) hue-rotate(185deg)
    brightness(95%) contrast(94%);
}

.footer-link-icons img:hover {
  filter: invert(38%) sepia(13%) saturate(7014%) hue-rotate(190deg)
    brightness(78%) contrast(95%);
}