@font-face { font-family: "D-DIN"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/d-din-bold.woff2") format("woff2"); }
@font-face { font-family: "Roboto Flex"; font-style: normal; font-weight: 100 1000; font-stretch: 25% 151%; font-display: swap; src: url("/fonts/roboto-flex-latin-variable.woff2") format("woff2"); }
@font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 100 900; font-stretch: 62.5% 100%; font-display: swap; src: url("/fonts/noto-sans-latin-variable.woff2") format("woff2"); }
@font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/roboto-condensed-latin-variable.woff2") format("woff2"); }

@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/barlow-condensed-bold.ttf") format("truetype"); }
@font-face { font-family: "Oswald"; font-style: normal; font-weight: 200 700; font-display: swap; src: url("/fonts/oswald-variable.ttf") format("truetype"); }
@font-face { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/ibm-plex-sans-condensed-bold.ttf") format("truetype"); }
@font-face { font-family: "Rajdhani"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/rajdhani-bold.ttf") format("truetype"); }
@font-face { font-family: "Teko"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("/fonts/teko-variable.ttf") format("truetype"); }
@font-face { font-family: "Chakra Petch"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/chakra-petch-bold.ttf") format("truetype"); }
@font-face { font-family: "Archivo Narrow"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/fonts/archivo-narrow-variable.ttf") format("truetype"); }
@font-face { font-family: "Saira Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/saira-condensed-bold.ttf") format("truetype"); }
@font-face { font-family: "Antonio"; font-style: normal; font-weight: 100 700; font-display: swap; src: url("/fonts/antonio-variable.ttf") format("truetype"); }
@font-face { font-family: "Bebas Neue"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/bebas-neue-regular.ttf") format("truetype"); }
@font-face { font-family: "Fjalla One"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/fjalla-one-regular.ttf") format("truetype"); }
html .time-display {
  font-family: var(--clock-font-family, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial), sans-serif;
  font-weight: var(--clock-font-weight, 600);
  font-stretch: var(--clock-font-stretch, normal);
}

html .digit-half > span {
  transform: translateY(var(--clock-digit-offset-y, 0)) scaleX(var(--clock-digit-scale-x, 0.9))
    scaleY(var(--clock-digit-scale-y, 1));
}