/* Text sa zlava nasunie a zastavi sa akoby narazom */
    @keyframes slide-in-bounce {
      0% {
        opacity: 0;
        transform: translateX(-80px);
      }
      60% {
        opacity: 1;
        transform: translateX(20px);
      }
      80% {
        transform: translateX(-10px);
      }
      100% {
        transform: translateX(0);
      }
    }

    .animate-slide-in-bounce {
      animation: slide-in-bounce 0.6s ease-out;
    }
/* Text sa pred zobrazenim pretaca */
    @keyframes rotateFlipIn {
      to {
        transform: rotateX(0deg) rotateY(0deg);
        opacity: 1;
      }
    }

    .animate-rotateFlipIn {
      animation: rotateFlipIn 1.2s ease forwards;
    }
    
/* Element pomaly rastie (od 0 do 100% (obycajne ciara) */
    @keyframes width-grow {
      from {
        width: 0;
      }
      to {
        width: 100%;
      }
    }

    .animate-width-grow {
      animation: width-grow 2s ease-out forwards;
    }