override.css

:root {
  --light: #f7f7f7;
  --dark: #1a1a1a;
  --secondary: #494949;
  --foreground: var(--dark);
  --background: var(--light);
  --fontStack: "IBM Plex Mono", "Input Mono", "SF Mono", Consolas, monospace;
}

* {
  box-sizing: border-box;
  font: inherit;
  margin: 0;
  padding: 0;
  position: relative;
}

html {
  background-color: var(--background);
  color: var(--foreground);
  display: flex;
  height: 100%;
  line-height: 1.75;
  transition-property: background-color, color;
  transition: 0.1s ease;
  overflow: hidden;
}

@media (prefers-color-scheme: dark) {
  :root {
    --foreground: var(--light);
    --background: var(--dark);
    --secondary: #909090;
  }
}

body {
  --column-width: 90ch;
  display: flex;
  flex-direction: column;
  flex: 0 1 var(--column-width);
  height: 100%;
  margin: auto;
  padding: 3rem;
  padding-bottom: 0;
  text-align: center;
}
.line {
  font-family: var(--fontStack);
  font-size: 225%;
  margin-bottom: 0.75rem;
  z-index: 1;
}
.meaning {
  font-family: "Roboto", sans-serif;
  font-size: 170%;
  color: var(--secondary);
  letter-spacing: 0.25px;
  margin-top: 0.75rem;
}