/*.navbar-custom {
    display: flex;
    justify-content: center;
}

.navbar-custom .navbar-header {
    display: flex;
    justify-content: center;
    flex: 1;
}

.navbar-custom .navbar-brand {
    margin: 0 auto;
} */

.navbar {
    background-color: #8b000000;
    padding: 10px;
    border-color: #8b000000;
}

.navbar-brand {
    margin-left: auto !important;
    margin-right: auto !important;
    font-family: 'BodoniFLF', sans-serif;
    font-size: 50px;
    font-weight: 600;
    color: black !important;
}

.nav.navbar-nav.navbar-right > li {
    margin-right: 30px; /* Add a 10px gap between the links */
}

.nav li a{
    display: block !important;
    position: relative !important;

    font-family: 'Open Sans', sans-serif !important;
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    color: black !important;

    overflow: hidden;
}

.nav li a:hover {
    transition: 0.3s all;
}

a::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: black;
    opacity: 0;
    transition: opacity 300ms, transform 300ms
}

.nav li a::after {
    opacity: 1;
    transform: translate3d(-100%, 0, 0);
}

.nav li a:hover::after,
.nav li a:focus::after {
    transform: translate3d(0, 0, 0);
}

.navbar-toggle {
    background-color: grey;
}

.navbar-toggle:hover {
    transition: 0.3s all;
    background-color: black;
}

@media (max-width: 768px) {
    .navbar-header {
      float: none;
    }
    .navbar-toggle {
      display: block;
    }
    .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-collapse.collapse {
      display: none!important;
    }
    .navbar-nav {
      float: none!important;
      margin: 7.5px -15px;
    }
    .navbar-nav>li {
      float: none;
    }
    .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .navbar-collapse.collapse.in {
      display: block!important;
    }
    .collapsing {
      overflow: hidden!important;
    }
}