@-webkit-keyframes hnfadeIn {
    0% {
      opacity: 0;
      transform: scale(0)
    }
  
    100% {
      opacity: 1;
      transform: scale(1)
    }
  }
  
  @keyframes hnfadeIn {
    0% {
      opacity: 0;
      transform: scale(0)
    }
  
    100% {
      opacity: 1;
      transform: scale(1)
    }
  }
  
  
  .effectFadeIn
  {
    transform-origin: center center;  
  animation:hnfadeIn 2s;
  -webkit-animation:hnfadeIn 2s; 
  animation-fill-mode: forwards
  }
  .slowFadeIn
  {
    transform-origin: center center;  
  animation:hnfadeIn 1s;
  -webkit-animation:hnfadeIn 1s; 
  animation-fill-mode: forwards
  }