.elementor-28729 .elementor-element.elementor-element-2f0423b0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-28729 .elementor-element.elementor-element-48cf17c9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-28729 .elementor-element.elementor-element-2f0423b0{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28729 .elementor-element.elementor-element-2f0423b0.e-con{--align-self:center;}}@media(min-width:768px){.elementor-28729 .elementor-element.elementor-element-2f0423b0{--content-width:1150px;}.elementor-28729 .elementor-element.elementor-element-48cf17c9{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-2f0423b0 */.container {
    padding: 0;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .coolorful-text {
   font-size: clamp(48px, 10vw, 130px);
        
      line-height: 1.3;
      letter-spacing: 0em;
      color: #FFFFFF;
      cursor: default;
     
      font-family: 'luckiest guy';
    }

    .text-line {
      display: block;
      white-space: nowrap;
      text-align: center;
    }

    .letter {
      display: inline-block;
      transition: color 0.8s cubic-bezier(0.6, 0.4, 0, 1);
      position: relative;
      will-change: transform, color;
      font-weight: 900;
      transform-origin: center bottom; /* Oslonac dole - kao da padaju */
    }

    .letter.hovered {
      animation: fallAndShake 0.9s ease-out forwards;
    }

    @keyframes fallAndShake {
      0% { transform: translateX(0) rotate(0deg); }
      20% { transform: translateX(-6px) rotate(-3deg); }
      40% { transform: translateX(6px) rotate(3deg); }
      60% { transform: translateX(-4px) rotate(-2deg); }
      80% { transform: translateX(3px) rotate(1.5deg); }
      100% { transform: translateX(0) rotate(0deg); }
    }
    
@media (max-width: 768px) {

  .container {
    display: flex;
    justify-content: center;
  }

  .coolorful-text {
    display: inline-block;
    text-align: center;
    font-size: clamp(70px, 12vw, 80px);
    line-height: 1;
  }

  .text-line {
    white-space: nowrap;
    margin: 0;
    padding: 0px;
  }
.letter {
    white-space: pre;
}
  .text-line + .text-line {
    margin-top: -12px;
  }

}/* End custom CSS */