body {
  background: linear-gradient(
      rgba(255, 255, 255, 0.3),
      rgba(255, 255, 255, 0.3)
    ),
    url("images/BasinBackground.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-darkblue {
  background-color: rgb(0, 64, 118) !important;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-toggler {
  border-color: white !important;
  color: white !important;
}

.list-item-hover:hover{
  background-color:#eefcff;
}

.card:hover{
  background-color:#eefcff;
}

.card{
  margin-bottom:2rem !important;
}

.list-group{
  --bs-list-group-action-hover-bg:#eefcff !important;
}