html{
  font-family: system-ui, 'Segoe UI', sans-serif;
}
.clock-container {
  margin: 15px 0px;
  width: 360px;
  height: 240px;
}
fieldset {
  margin-left: 0px;
  margin-right: 0px;
}
.clock{
  background-color: #000000;
  color: #ffffff;
}
div.clock {
  width: 360px;
  height: 240px;
}
.time {
  font-size: 3rem;
}
@media (max-width: 375px) {
  body {
    margin: 0px;
  }
}
@media (prefers-color-scheme: dark) {
  input[type="radio"]:disabled + label[for]{
    color: #a9a9a9;
  }
}
@media (display-mode: picture-in-picture) {
  :root {
    color-scheme: dark light;
  }
  body {
    margin: 0px;
  }
}