header {
  font-family: "Lato", sans-serif;
}

.navbar {
  transition: all 0.4s;
  font-family: "Permanent Marker", cursive;
  color: white;
}

.navbar .nav-link {
  color: #fff;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: #fff;
  text-decoration: none;
}

.navbar .navbar-brand {
  color: #fff;
}

/* Change navbar styling on scroll */
.navbar.active {
  background-color: #000000;
  background-image: url("https://www.transparenttextures.com/patterns/broken-noise.png");
}

.navbar.active .nav-link {
  color: #fff;
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
  color: #fff;
  text-decoration: none;
}

.navbar.active .navbar-brand {
  color: #fff;
}

/* Change navbar styling on small viewports */
@media (max-width: 991.98px) {
  .navbar .navbar-brand,
  .navbar .nav-link {
    color: white;
  }
}
button i {
  color: white;
}/*# sourceMappingURL=nav.css.map */