body {
            font-family: Consolas, monospace;
            background-color: #f5f5f5;
            color: #333;
            max-width: 70%;
            width: 100%;
            margin: 0 auto;
            padding: 1rem;
        }

        html {
            scroll-behavior: smooth;
        }

        h1 {
            text-align: center;
            margin-bottom: 0.5rem;
        }

        h2 {
            margin-bottom: 0.5rem;
        }

        p {
            margin: 0.5rem 0;
        }

        li {
            margin: 0.25rem 0;
        }

        .city {
            text-align: left;
            font-size: 1.5rem;
            color: #cc0000;
            margin-bottom: 2rem;
        }

        a {
            color: #0066cc;
            text-decoration: none;
        }

        .bylaws,
        .letter,
        .intro,
        .noise,
        .unresolved {
            padding: 1rem;
            margin-bottom: 1rem;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }

        .bylaws {
            background-color: #e6f2ff;
            border-left: 4px solid #3399ff;
        }

        .letter {
            background-color: #fff3cd;
            border-left: 4px solid #cc9900;
        }

        .intro {
            background-color: #ffe8cc;
            border-left: 4px solid #FFA500;
        }

        .noise {
            background-color: #fff;
            border-left: 4px solid #FFA500;
        }

        .unresolved {
            background-color: #ffe5e5;
            border-left: 4px solid #cc0000;
        }

        .quiet-time {
            color: #cc0000;
            font-weight: bold;
        }

        .nav-btn-container {
            text-align: center;
            margin: 1em 0;
        }

        .nav-btn {
            display: inline-block;
            background-color: #cc0000;
            color: white;
            padding: 0.6em 1.2em;
            margin: 0.5em;
            border: none;
            border-radius: 5px;
            font-weight: bold;
            cursor: pointer;
            transition: background-color 0.2s;
        }

        .nav-btn:hover {
            background-color: #a30000;
        }

        @media (max-width: 600px) {
            .nav-btn {
                display: block;
                width: 80%;
                margin: 0.5em auto;
            }
        }