body {
  font-family: Raleway, Helvetica, sans-serif;
  --avg: 1.4;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

body, html, body > * {
  position: fixed;
  background-color: black;
  height: 100%;
  width: 100%;
  margin: 0;
  overflow: hidden;
  touch-action: manipulation;
  overscroll-behavior-x: none;
}

@property --hours {
  syntax: '<integer>';
  initial-value: 0;
  inherits: false;
}

@property --minutes {
  syntax: '<integer>';
  initial-value: 0;
  inherits: false;
}

@property --seconds {
  syntax: '<integer>';
  initial-value: 0;
  inherits: false;
}