:root {
  --font-family: ui-monospace, 
             Menlo, Monaco, 
             "Cascadia Mono", "Segoe UI Mono", 
             "Roboto Mono", 
             "Oxygen Mono", 
             "Ubuntu Mono", 
             "Source Code Pro",
             "Fira Mono", 
             "Droid Sans Mono", 
             "Consolas", "Courier New", monospace;

  --font-size: 1.5rem;
  --bg-color: oklch(98% 0 015 285);
  --fg-color: oklch(14% 0.015 285);
  --page-max-width: 80rem;
}

@media (max-width: 45rem) {
  footer div.flex {
    flex-direction: column;
    gap: 0;
    text-align: left;
    p {
      margin: 0;
    }
    p:first-child {
      border-top: 0.1rem solid var(--fg-color);
      padding-top: var(--font-size);
    }
  }
}