.navbar {
  background: #046553;
  border-radius: 0px 0px 20px 20px;
  box-shadow: 0px 8px 20px 10px rgba(0, 0, 0, 0.25);
}

.navbar-brand {
  filter: drop-shadow(4px 4px 4px #413d3da4);
}
.navbar-dropshadow {
  color: #ecdcdc;
  
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.logo{
animation-duration: 0.7s;
animation-name: logo;
animation-timing-function: ease-out;
transition: all 0.3s ease-in-out;
}
.logo:hover{
scale: 1.15;
}

/* @keyframes logo {
  0%{
position: relative;
left: -100px;
  }

  100%{
    position: relative;
    left: 0px;
  }
}
*/