@keyframes ripple {
    to {
      transform: translate(-50%, -50%) scale(2.5);
      opacity: 0;
    }
}
@keyframes ripple_nav {
    to {
      transform: translateY(-50%) scale(2.5);
      opacity: 0;
    }
}


@keyframes dropdown {
  0%{
      display: block;
      opacity: 1;
      top: 10px;
      visibility: visible;
      
  }
  100%{
      display: none;
      opacity: 0;
      visibility: hidden;
      top: 30px;
  }
}
@keyframes dropdown_hover {
  0%{
      display: none;
      opacity: 0;
      visibility: hidden;
      top: 30px;
  }
  100%{
      display: block;
      opacity: 1;
      top: 100%;
      visibility: visible;
  }
}