.fade-in-up{
  opacity:0;
  transform:translateY(24px);
  animation:fadeInUp .8s ease forwards;
}

.fade-in-down{
  opacity:0;
  transform:translateY(-20px);
  animation:fadeInDown .75s ease forwards;
}

.delay-1{ animation-delay:.08s; }
.delay-2{ animation-delay:.18s; }
.delay-3{ animation-delay:.28s; }

@keyframes fadeInUp{
  from{
    opacity:0;
    transform:translateY(24px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes fadeInDown{
  from{
    opacity:0;
    transform:translateY(-20px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes softPulse{
  0%{ transform:scale(1); }
  50%{ transform:scale(1.015); }
  100%{ transform:scale(1); }
}

@keyframes fadeSwitch{
  from{
    opacity:.72;
    transform:translateY(8px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}