.dropdown-menu
{
    min-width: 0 !important;
    padding: 0px;
}
.dropdown-menu
{
    background-color: gray;
    width: 64px;
    left: 50% !important;
    right: auto !important;
    text-align: center !important;
    transform: translate(-50%,70px) !important;
    border-radius: 0px;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: white !important;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(237,219,197)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: gray;
} 

.dropdown-toggle::after {
    display: none;
}

.justify-content-center .dropdown-menu {
    left: 50%;
    transform: translateX(-50%);
}


.navbar-text {
    background-image: linear-gradient(
      to right,
      gray,
      gray 50%, 
      white 50%
    );
    font-size: 0.75rem;
    background-size: 200% 100%;
    background-position: -100%;
    display: inline-block;
    padding: 5px 0;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out;
  }
  
  .navbar-text:before {
    content: '';
    background: gray;
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 3px;
    transition: all 0.3s ease-in-out;
  }
  
  .navbar-text:hover {
   background-position: 0;
  }
  
  .navbar-text:hover::before {
    width:100%;
  }