main.time {
  grid-area: main;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

main.time time {
  font-family: 'Victor Mono', monospace;
}

main.time .time {
  --milli-height: 1ch;

  display: flex;
  align-items: baseline;
  font-size: 4.5rem;
  font-weight: bold;
  line-height: 1;
}

main.time .time:after {
  background: var(--violet);
  display: block;
  content: '';
  width: 3px;
  height: var(--milli-height);
  margin-left: 0.5rem;
}

main.time .date {
  display: flex;
  justify-content: space-between;
  margin-right: calc(3px + 0.5rem);
  text-transform: uppercase;
}

main.time .weekday {
  font-weight: bold;
}