/* transparency */

.transparency_anim {
  animation-name: transparency_keys;
  animation-duration: 1.5s; 
  animation-timing-function: ease-in; 
  animation-delay: 0s; 
}

@keyframes transparency_keys {
  0% {
    filter:opacity(0%);
  }
  100% {
    filter:opacity(100%);
  }
}

/* UpDown */

.upDown_anim {
  animation-name: upDown_keys;
  animation-duration: 0.5s; 
  animation-timing-function: ease-in; 
  animation-delay: 0s; 
}

@keyframes upDown_keys {
  0% {
    margin-top:-50px;
  }
  100% {
    margin-top:0px;
  }
}


/*ANIMATIONS ends */