html,
body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Merriweather", serif;
  transition: background-color 1s linear;
}

#clock {
  font-size: clamp(3rem, 10vw, 15rem);
  font-weight: 300;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}