* {
  padding: 0;
  margin: 0;
  border: 0;
}
body {
  font-family: Tahoma, sans-serif;
  background: #046;
  color: #bebebe;
  overflow: clip;
  font-size: 0.75em;
}
#logo {
  position: absolute;
  background: url(../img/logo.svg?v=0.01) 0 0 / 100% 100%;
}
#title {
  position: absolute;
  color: #3a9;
  line-height: 1.25em;
  margin-top: 0.4em;
  font-size: 1.5em;
}
#title span {
  color: #bebebe;
  font-size: 0.75em;
}
#reset {
  position: absolute;
  background: url(../img/reset.svg?v=0.01) 0 0 / 100% 100%;
  cursor: pointer;
}
#face {
  position: absolute;
}
#hours {
  position: absolute;
  background: url(../img/h.svg?v=0.03) 0 0 / 100% 100%;
  opacity: 0.4;
}
.hour {
  text-align: center;
  position: absolute;
  transform-origin: center bottom;
}
.icon {
  margin-top: 0.8em;
  border-radius: 50%;
}
.temp {
  text-align: center;
  margin-top: 0.75em;
  color: #bebebe;
  line-height: 1em;
}
.num {
  text-align: center;
  font-weight: bold;
  margin-top: 1em;
  color: #3a9;
  font-size: 1.5em;
}
#copy, #msg {
  position: absolute;
}
#copy a {
  color: #3a9;
  text-decoration: none;
}