@keyframes enter-fylo-card {
  from {
    opacity: 0;
    top: 400px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}

@keyframes enter-storage-card {
  from {
    opacity: 0;
    left: 400px;
  }
  to {
    opacity: 1;
    left: 0;
  }
}

@keyframes enter-from-top {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
  }
}

@keyframes display {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes increase-bar {
  0% {
    width: 0;
  }
  100% {
    width: 80%;
  }
}

@keyframes jump {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(2px);
  }
  0% {
    transform: translateY(0);
  }
}

@keyframes increase-ones {
  0% {
    content: '0';
  }
  10% {
    content: '1';
  }
  20% {
    content: '2';
  }
  30% {
    content: '3';
  }
  40% {
    content: '4';
  }
  50% {
    content: '5';
  }
  60% {
    content: '6';
  }
  70% {
    content: '7';
  }
  80% {
    content: '8';
  }
  90% {
    content: '9';
  }
  0% {
    content: '0';
  }
  10% {
    content: '1';
  }
  20% {
    content: '2';
  }
  30% {
    content: '3';
  }
  40% {
    content: '4';
  }
  50% {
    content: '5';
  }
}

@keyframes increase-dozens {
  0% {
    content: ' ';
  }
  5% {
    content: '1';
  }
  10% {
    content: '2';
  }
  15% {
    content: '3';
  }
  20% {
    content: '4';
  }
  25% {
    content: '5';
  }
  30% {
    content: '6';
  }
  35% {
    content: '7';
  }
  40% {
    content: '8';
  }
  45% {
    content: '9';
  }
  50% {
    content: '0';
  }
  55% {
    content: '1';
  }
  60% {
    content: '2';
  }
  65% {
    content: '3';
  }
  70% {
    content: '4';
  }
  75% {
    content: '5';
  }
  80% {
    content: '6';
  }
  85% {
    content: '7';
  }
  100% {
    content: '8';
  }
}

@keyframes increase-hundreds {
  0% {
    content: ' ';
  }
  100% {
    content: '1';
  }
}