/* Main Container */
main.container {
    max-width: 800px; /* Maximum width for readability */
    margin: 40px auto; /* Center the content */
    padding: 25px; /* Padding for spacing */
    background: rgba(47, 79, 47, 0.85); /* Semi-transparent dark green for harmony */
    border-radius: 16px; /* Smooth border rounding */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3); /* Box shadow for depth */
}

/* Heading Styles */
h1, h2 {
    font-family: 'Georgia', 'Times New Roman', serif; /* Consistent serif font */
    color: #e6ffe6; /* Light green color for visibility */
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
}

h1 {
    font-size: 2em; /* Larger font size for the main heading */
    font-weight: bold; /* Bold font weight */
    text-align: center; /* Centered heading */
    margin-bottom: 30px; /* Space below the heading */
}

h2 {
    font-size: 1.5em; /* Medium font size for sub-headings */
    font-weight: bold; /* Bold font weight */
    margin-top: 20px; /* Space above the heading */
    margin-bottom: 20px; /* Space below the heading */
}

/* Paragraph Styles */
p {
    font-size: 1em; /* Standard font size */
    line-height: 1.6; /* Comfortable line height */
    color: #e6ffe6; /* Light green for readability */
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
    margin-bottom: 16px; /* Space between paragraphs */
}

/* List Styles */
ul {
    padding-left: 20px; /* Indentation for list items */
    list-style-type: disc; /* Use bullet points */
    margin-top: 15px; /* Space above the list */
}

ul li {
    margin-bottom: 10px; /* Space between list items */
}

/* Form Styles */
.form-group {
    margin-bottom: 20px; /* Space between form elements */
}

label {
    font-size: 1em; /* Standard font size for labels */
    color: #e6ffe6; /* Light green for visibility */
}

input, textarea {
    width: 100%; /* Full width for form elements */
    padding: 10px; /* Padding for comfort */
    border: 1px solid #ccc; /* Border for structure */
    border-radius: 5px; /* Rounded corners */
}

input:focus, textarea:focus {
    outline: none; /* Remove default focus outline */
    border-color: #66cc66; /* Highlight border on focus */
}

button {
    padding: 10px 20px; /* Padding for the button */
    background: linear-gradient(90deg, #3b6b3b, #1e401e); /* Gradient for weed-style theme */
    color: white; /* White text for contrast */
    border: none; /* No border */
    border-radius: 8px; /* Smooth border rounding */
    transition: transform 0.3s ease; /* Smooth transitions */
}

button:hover {
    transform: scale(1.1); /* Slight zoom on hover */
}

/* Responsive Design */
@media (max-width: 768px) {
    main.container {
        padding: 20px; /* Adjust padding for smaller screens */
    }

    h1 {
        font-size: 1.5em; /* Smaller font size for main heading on smaller screens */
    }

    h2 {
        font-size: 1.2em; /* Smaller font size for sub-headings */
        margin-top: 15px; /* Less space above the heading */
        margin-bottom: 15px; /* Less space below the heading */
    }

    p {
        font-size: 0.9em; /* Adjusted font size for smaller screens */
        line-height: 1.4; /* Tighter line height */
    }

    ul {
        padding-left: 15px; /* Reduced indentation for smaller screens */
        margin-top: 10px; /* Less space above the list */
    }

    ul li {
        margin-bottom: 8px; /* Reduced space between list items */
    }
}