.parent-timer-container {
  width: auto;
  margin: 0 auto;
  max-width: 600px;
}

.parent-timer-container #countdown-timer {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.parent-timer-container .number-container {
  width: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.parent-timer-container .timer-number {
  font-size: clamp(2.3rem, 5.3vw, 5.5rem);
}

.parent-timer-container .number-label {
  font-size: clamp(1rem, 1.5vw, 1.5rem);
}

.parent-timer-container .timer-colon {
  font-size: clamp(3rem, 1.3vw, 1.5rem);
  padding: 0.3rem;
}

.number-label,
.timer-date {
  color: #000;
}

.timer-number,
.timer-colon {
  color: #000;
}

@media (max-width: 576px) {
  .parent-timer-container #countdown-timer {
    justify-content: space-between;
  }
  
  .parent-timer-container .number-container {
    width: 70px;
  }

  .parent-timer-container .timer-colon {
    padding: 0.1rem;
  }
}