.timer-container {
  background-color: #1e1e2f;
  border-radius: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  padding: 25px;
  text-align: center;
  border: 1px solid #29294e;
  transition: transform 0.2s ease-in-out;
}

.timer-container:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

.timer-display {
  background-color: #252547;
  border-radius: 5px;
  padding: 10px;
  display: inline-block;
  color: white;
}

input[type="number"] {
  background-color: #29294e;
  border: 2px solid #3e3e5e;
  color: white;
}

input[type="number"]:focus {
  border-color: #7575ff;
  box-shadow: none;
}

footer {
  background-color: transparent;
}