@keyframes popin {
   0% {
      scale: 1;
   }

   50% {
      scale: 1.1;
   }

   100% {
      scale: 1;
   }
}



@keyframes wrongAnimation {
   20% {
      transform: rotate(4deg);
   }

   40% {
      transform: rotate(-4deg);
   }

   60% {
      transform: rotate(4deg);
   }

   80% {
      transform: rotate(-4deg);
   }

   100% {
      transform: rotate(0);
   }

   /*todo*/
}