/* body{
    background-color: #a2bdcb;
} */

.navbar{
    background-color: #a2bdcb !important;
}

.nav-link{
    color:white;
}

.nav-link.active{
    color:grey !important;
}

.navbar-brand{
    color:white;
}

h1, h2, h3, h4{
    color: #7f7f7f;
}

h2 {
    font-size: calc(2.2rem + .9vw);
}

h3 {
    font-size: calc(2rem + .9vw);
    font-weight: 300;
}

.icon-list {
    list-style-type: none;
    padding-left: 0;
  }
  
  .icon-list li {
    margin-bottom: 8px;
  }
  
  .icon-list i {
    color: green; /* Change icon color */
    margin-right: 10px; /* Spacing between icon and text */
  }

 /* Most reliable CSS-only solution */
:target {
    scroll-margin-top: 70px; /* Modern browsers */
  }
  
  /* Fallback for older browsers */
  :target::before {
    content: "";
    display: block;
    height: 70px;
    margin-top: -70px;
    visibility: hidden;
  }