body {
  background-image: url('world_map.svg');
  background-size: cover;          /* Растягивает фото на весь экран */
  background-position: center;    /* Центрирует изображение */
  background-repeat: no-repeat;   /* Чтобы картинка не дублировалась */
  background-attachment: fixed;   /* Чтобы фон не прокручивался (по желанию) */
  /* Ваши старые стили */
  color: #0bba02; /*#777*/
  font-family: monospace;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
}

.clock-container {
  text-align: center;
}

.row {
  display: grid;
  justify-content: center;
  margin: 10px 0;
}

#hours {
  grid-template-columns: repeat(4, 60px);
}

#minutes {
  grid-template-columns: repeat(6, 60px);
}

.bit {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #555;
  transition: color 0.3s, text-shadow 0.3s;
}

.am.active {
  color: #00ff00; /* зелёный AM */
  text-shadow: 0 0 8px #00ff00;
}

.pm.active {
  color: #00bfff; /* синий PM */
  text-shadow: 0 0 8px #00bfff;
}

.inputA {
  text-align: center;
}