@charset "utf-8";

/* animation: baseAniUpFadein 0.5s linear normal forwards; */

@keyframes aniFadein01 {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes aniFadein02 {
  0% { opacity: 0.1; }
  100% { opacity: 1; }
}

@keyframes aniFadeout01 {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes baseAniUpFadein {
  0% { transform: translateY(1em); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}
@keyframes baseAniUpFadein02 {
  0% { transform: translateY(2em); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

@keyframes baseAniScrollDown {
  0% { transform: translateY(0); }
  100% { transform: translateY(1em); }
}

@keyframes baseAniScrollDown02 {
  0% { transform: translateY(0); opacity: 1; }
  50% { transform: translateY(2em); opacity: 0; }
  100% { transform: translateY(2em); opacity: 0; }
}
@media all and (max-width: 640px){
  @keyframes baseAniScrollDown02 {
    0% { transform: translateY(0); opacity: 1; }
    50% { transform: translateY(1em); opacity: 0; }
    100% { transform: translateY(1em); opacity: 0; }
  }
}

@keyframes baseAniScrollRight {
  0% { transform: translateX(0); }
  100% { transform: translateX(1em); }
}

@keyframes baseAniSlideInFromLeft {
  0% { transform: translateX(-100%); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

@keyframes kiran {
  0% { transform: scale(2) rotate(45deg); opacity: 0; }
  20% { transform: scale(20) rotate(45deg); opacity: 0.6; }
  40% { transform: scale(30) rotate(45deg); opacity: 0.4; }
  80% { transform: scale(45) rotate(45deg); opacity: 0.2; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}