/*
 * The keyframes the rest of the stylesheet refers to.
 *
 * Edit this file. It is served as it is — nothing compiles it, and the
 * order it loads in is set in resources/css/order.php.
 */

@keyframes border-top {
  0%,10%{width:0}
  20%,60%{width:100%}
  80%,to{width:0}
}

@keyframes border-right {
  0%,20%{height:0}
  30%,60%{height:100%}
  80%,to{height:0}
}

@keyframes border-bottom {
  0%,30%{width:0}
  40%,60%{width:100%}
  80%,to{width:0}
}

@keyframes border-left {
  0%,40%{height:0}
  50%,60%{height:100%}
  80%,to{height:0}
}

@keyframes moveUpDown {
  0%,to{transform:translateY(0)}
  50%{transform:translateY(100px)}
}