.scale{
    animation-name: sca;
    animation-duration: 700ms;
    animation-fill-mode: forwards;
}

@keyframes sca {   
    50% {
      transform: translateY(-10px) translateX(-5px);
     
    }

    100% {
       transform: translateY(0) translateX(0);
      
    }
}

.shaddow {
    animation-name: shad;
    animation-duration: 500ms;
    animation-fill-mode: forwards;
}

@keyframes shad {   
    50% {      
      box-shadow: 5px 8px 5px rgba(0, 0, 0, 0.15);
    }

    100% {       
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
    }
}

.rotate {
  transform:rotate(180deg);
  background-color:#EFB236;
}

.rotate img {
  filter: brightness(1.5)!important;
}