<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Balance Our Budget</title>
<meta name="description" content="A non-partisan citizen movement advocating for a balanced U.S. federal budget." />
<style>
body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
background: #f9fafb;
color: #111827;
margin: 0;
padding: 2rem;
}
.container {
max-width: 720px;
margin: auto;
}
h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
}
p {
font-size: 1.1rem;
line-height: 1.6;
}
footer {
margin-top: 4rem;
font-size: 0.9rem;
color: #6b7280;
}
</style>
</head>
<body>
<div class="container">
<h1>Balance Our Budget</h1>
<p>
Balance Our Budget is a non-partisan citizen movement calling on Congress
to commit to a balanced federal operating budget—because debt is a tax on
future generations.
</p>
<p>
Fiscal responsibility should transcend party lines.
Emergencies happen, but permanent deficits should not.
</p>
<footer>
© <span id="year"></span> Balance Our Budget
</footer>
</div>
<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>
</body>
</html>