@charset "UTF-8";

.fadeUp{
    animation-name:fadeUpAnime;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    
    @keyframes fadeUpAnime{
      from {
        opacity: 0;
      transform: translateY(100px);
      }
    
      to {
        opacity: 1;
      transform: translateY(0);
      }
    }

.fadeUpTrigger{
    opacity: 0;
}

.rotateX{
    animation-name:rotateXAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
  }
  
  @keyframes rotateXAnime{
    from{
      transform: rotateX(0);
      }
    to{
      transform: rotateX(-360deg);
      }
  }

.delay-time02{
    animation-delay: 0.2s;
}
    
.delay-time04{
    animation-delay: 0.4s;
}

.delay-time06{
    animation-delay: 0.6s;
}