@charset "UTF-8";

.op0{
	opacity: 0;
}

.fadeup {
  animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

.content.active {
  animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
 
@keyframes fadeup {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
 

.fadein{
  animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
 
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
 
.scroll{
  animation: move-wheel 1.5s infinite forwards;
}

@keyframes move-wheel {
    from {
        transform:translateY(0);
    }
    to {
        transform:translateY(10px);
    }
}

@keyframes zoom02 {
   0% {
      transform: scale(1.5);
     opacity: 0;
   }
   100% {
      transform: scale(1);
     opacity: 1;
   }
}

@keyframes zoom {
   0% {
      transform: scale(1);
   }
   100% {
      transform: scale(1.25);
   }
}