html,body{height:100%;margin:0}
body{
  background:#28a745;
  color:#fff;
  overflow:hidden;
  font-family: Arial, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  transition: background-color .2s ease;
}
.timer-wrap{
  height:100vh;width:100vw;
  display:flex;align-items:center;justify-content:center;
}
#timerDisplay{
  font-size:35vw;
  font-weight:900;
  line-height:1;
  user-select:none;
}

.display-msg{
  position:fixed;
  left:24px;
  right:24px;
  bottom:22px;
  text-align:center;
  font-size:46px;
  font-weight:800;
  letter-spacing:.01em;
  text-shadow:0 6px 22px rgba(0,0,0,.35);
  opacity:.95;
  user-select:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}