/* ========== ANIMATIONS.CSS ========== */

@keyframes fadeIn {
  to { opacity: 1; }
}

@keyframes fadeOut {
  to { opacity: 0; }
}

.fade-in {
  opacity: 0;
  animation: fadeIn 1.2s forwards;
}

.fade-out {
  animation: fadeOut 1s forwards;
}

/* Typemachine */
.typewriter {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  border-right: 2px solid #666;
  animation: caretBlink 0.7s infinite;
}

@keyframes caretBlink {
  50% { border-color: transparent; }
}

/* Confetti */
@keyframes confettiFall {
  0% { transform: translateY(-10vh) rotate(0deg); }
  100% { transform: translateY(110vh) rotate(360deg); }
}

/* Binnenzweef */
@keyframes binnenZweef {
  0% { opacity: 0; transform: translateY(15px); }
  60% { opacity: 1; transform: translateY(-3px); }
  100% { opacity: 1; transform: translateY(0); }
}

.binnenzweef {
  opacity: 0;
  transform: translateY(15px);
  animation: binnenZweef 0.9s ease-out forwards;
}