@keyframes fadeOut{
  from{opacity:1;visibility:visible}
  to{opacity:0;visibility:hidden}
}

@-webkit-keyframes fadeOut{
  from{opacity:1;visibility:visible}
  to{opacity:0;visibility:hidden}
}

@keyframes fadeIn{
  from{opacity:0}
  to{opacity:1}
}
@keyframes fadeOutT{
  0%{opacity:1}
  30%{margin-top:-10px}
  99%{margin-top:-100px}
  100%{opacity:0}
}
@keyframes fadeOutR{
  0%{opacity:1}
  30%{margin-right:-10px}
  99%{margin-right:-100px}
  100%{opacity:0}
}
@keyframes fadeOutB{
  0%{opacity:1}
  30%{margin-bottom:-10px}
  99%{margin-bottom:-100px}
  100%{opacity:0}
}
@keyframes fadeOutL{
  0%{opacity:1}
  30%{margin-left:-10px}
  99%{margin-left:-100px}
  100%{opacity:0}
}
@keyframes hide-up{
  0%{opacity:1;right:0}
  10%{opacity:1;right:2rem}
  90%{opacity:1;right:2rem}
  100%{opacity:0;right:4rem}
}
@-webkit-keyframes hide-up{
  0%{opacity:1;right:0}
  10%{opacity:1;right:2rem}
  90%{opacity:1;right:2rem}
  100%{opacity:0;right:4rem}
}
@-webkit-keyframes progress-bar-stripes{
  from{background-position:7px 0}
  to{background-position:0 0}
}
@keyframes progress-bar-stripes{
  from{background-position:7px 0}
  to{background-position:0 0}
}

@keyframes pulse-border {
  0% {opacity: 1;transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1)}
  to {opacity: 0;transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.8)}
}