html, body {
  height: 100%;
  margin: 0;
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column; 
}

header {
  background-color: #01015e;
  color: white;
}

header span, header .nav-link {
  color: white;
}

header .nav-link:hover {
  color: #c7c7c7 !important;
}

footer {
  background-color: #01015e;
  color: white;
  margin-top: auto;
}

footer .nav-link,
footer .text-body-secondary {
  color: white !important;
}

footer .nav-link:hover {
  color: #c7c7c7 !important;
}

footer img {
  width: 10%;
}

h2{
  margin-bottom: 2rem;
}

header .nav-link, header span {
  color: white;
}

header .nav-link:hover {
  color: #c7c7c7 !important;
}

.nav-item.dropdown .dropdown-toggle {
  color: white;
}

.dropdown-menu {
  background-color: #01015e; 
}

.dropdown-item {
  color: white;
}

.dropdown-item:hover {
  color: #616161 !important;
  background-color: #f8f9fa;
}