@keyframes appear {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes bg_arrows {
  from {background-position: -1000px;}
  to {background-position: 0;}
}
@keyframes navbar {
  from {top: -50px;}
  to {top: 0px;}
}
@keyframes from_left {
  from {margin-left: -300px; opacity: 0;}
  to {margin-left: 0px; opacity: 1;}
}
@keyframes card_frame {
  from {max-height: 0px;}
  to {max-height: 1000px;}
  0%   {opacity: 0; max-height: 0px; max-width: 0px;}
  33%  {opacity: 1; max-height: 0px; max-width: 0px;}
  66%  {opacity: 1; max-height: 0px; max-width: 2000px;}
  100% {opacity: 1; max-height: 1000px; max-width: 2000px;}
}