:root {
  --dark: oklch(0.3132 0 0);
  --light: oklch(0.9811 0.0093 286.23);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;

  background-color: var(--light);
}

#date {
  font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
  font-size: 5rem;
  font-weight: bold;

  color: var(--dark);
}