.flex-grid article {

opacity: 0;

}

.flex-grid article.shown {

opacity: 1;

}

.flex-grid article.animate {

animation: moveUp 0.65s;
opacity: 1;

}

@keyframes moveUp {

from {
  transform: translateY(200px);
}
to {
  transform: translateY(0);
}

}

@keyframes shake {

2%,
18% {
  transform: translate3d(-1px, 0, 0);
}
4%,
16% {
  transform: translate3d(2px, 0, 0);
}
6%,
10%,
14% {
  transform: translate3d(-4px, 0, 0);
}
8%,
12% {
  transform: translate3d(4px, 0, 0);
}

}

@keyframes zoomIn {

50% {
  transform: translate(-50%, -50%) scale(1.1);
}

}

@keyframes pulse {

0% {
  transform: scale(0.8);
}
100% {
  transform: scale(1);
}

}

@keyframes fadeIn {

from {
  opacity: 0;
}
to {
  opacity: 1;
}

}