body { font-size: 1.2em; background: #f6f7f9; color: #333; }
.container { max-width: 900px; margin: auto; padding: 40px; background: #fff; border-radius: 14px; }
input, button { font-size: 1.2em; margin: 10px 0; width: 100%; padding: 12px; }
button { background: #0055aa; color: #fff; border: none; border-radius: 8px; cursor: pointer; }
button:disabled { background: #aaa; }
.red-text { color: #c00; font-weight: bold; }
nav ul {
    text-align: center;
}
/* Reduce space between tagline and Monthly Budget */
p.tagline {
  margin-bottom: 0.25rem;  /* tighten after “Free version” */
}

h2.monthly-budget-title {
  margin-top: 0.25rem;     /* tighten before “Monthly Budget” */
}