/* Custom styles that extend Tailwind */
#timeDisplay {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

/* Animation for time update */
@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}

.time-update {
  animation: pulse 0.5s ease-in-out;
}