
<style>
body{
  font-family: 'Arial, Helvetica, sans-serif';
}
footer{
  font-family: 'Arial, Helvetica, sans-serif';
}
.navbar{
  font-family: 'Arial, Helvetica, sans-serif';
}
/* Color of the links BEFORE scroll */
.navbar-before-scroll .nav-link,
.navbar-before-scroll .navbar-toggler-icon {
  color: #000;
}

/* Color of the links AFTER scroll */
.navbar-after-scroll .nav-link,
.navbar-after-scroll .navbar-toggler-icon {
  color: #4f4f4f;
}

/* Color of the navbar AFTER scroll */
.navbar-after-scroll {
  background-color: #fff;
}

/* Transition after scrolling */
.navbar-after-scroll {
  transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
}

/* Transition to the initial state */
.navbar-before-scroll {
  transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
}

/* An optional height of the navbar AFTER scroll */
.navbar.navbar-before-scroll.navbar-after-scroll {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* Navbar on mobile */
@media (max-width: 991.98px) {
  #main-navbar {
    background-color: #fff;
  }

  .nav-link,
  .navbar-toggler-icon {
    color: #4f4f4f !important;
  }
}

.navbar li a:hover {
  border-bottom: 3px solid red;
} 

.ig {
   width: 440px; 
   height: 100px;
  
    }

    /* Height for devices larger than 576px */
    @media (min-width: 992px) {
      .ig {
      width: 800px;
      height: 200px;
      }
    }

.nav-item {
  padding: 0.5rem 0xp;
  
}

.dropdown-hover:hover>.dropdown-menu {
display: inline-block;
}

.dropdown-hover>.dropdown-toggle:active {
/*Without this, clicking will make it sticky*/
pointer-events: none;
}  
.navbar{
   border-bottom: 3px solid white;
}
.spm{
 text-shadow:3px 2px #000;
      color: greenyellow;
      font-weight: bold;
    } 
    .sect{
      font-family: 'Arial, Helvetica, sans-serif';
      background: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%);
    }
  </style>