body {
        margin: 0;
        padding: 0;
        background: #2f4b3e; /* Ponderosa Pond Green */
        color: #eee;
        font-family: Arial, sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        overflow: hidden;
    }
	a {
		color: white;
	}

    .container {
        text-align: center;
        padding: 40px;
        width: 100%;
        max-width: 600px;
    }

    .banner {
        font-size: 2.4rem;
        font-weight: bold;
        margin-bottom: 25px;
        text-shadow: 0 0 12px #ffcc00;
    }

    .stripes {
        width: 100%;
        height: 22px;
        background: repeating-linear-gradient(
            45deg,
            #ffcc00,
            #ffcc00 20px,
            #222 20px,
            #222 40px
        );
        animation: moveStripes 1s linear infinite;
        margin-bottom: 35px;
    }

    @keyframes moveStripes {
        from { background-position: 0 0; }
        to { background-position: 40px 0; }
    }

    p {
        font-size: 1.2rem;
        opacity: 0.85;
        margin-bottom: 30px;
    }

    /* Suggestion Box */
    form {
        background: rgba(0,0,0,0.25);
        padding: 20px;
        border-radius: 8px;
        margin-top: 20px;
    }

	textarea {
		width: 100%;
		height: 120px;
		padding: 10px;
		border-radius: 6px;
		border: none;
		resize: none;
		font-size: 1rem;

		/* Ponderosa Pond Green, translucent */
		background: rgba(47, 75, 62, 0.6);

		/* White text */
		color: #ffffff;
}


    button {
        margin-top: 15px;
        padding: 10px 20px;
        background: #ffcc00;
        border: none;
        border-radius: 6px;
        font-size: 1rem;
        font-weight: bold;
        cursor: pointer;
    }

    button:hover {
        background: #e6b800;
    }

    .footer {
        margin-top: 40px;
        font-size: 0.9rem;
        opacity: 0.5;
    }