/* General body styling */
body {
    font-family: Arial, sans-serif; /* Sets a readable typeface */
    line-height: 1.6; /* Increases line height for better readability */
    margin: 0;
    padding: 0;
    background: #f4f4f4; /* Optional: sets a background color for the page */
}

/* Container styling */
.container {
    width: 90%; /* Takes up 90% of the viewport width */
    max-width: 1200px; /* Ensures that the content area doesn't get too wide */
    margin: 0 auto; /* Centers the container in the viewport */
    padding: 20px; /* Adds space inside the container */
    background: white; /* Sets a background color for the content area */
    box-shadow: 0 0 10px rgba(0,0,0,0.1); /* Optional: adds a subtle shadow around the container */
}

/* Ensures ample space around headings */
h1 {
    font-size: 24px;
    margin-top: 0;
}

/* Paragraph styling for comfortable reading */
p {
    font-size: 16px;
    color: #333; /* Darker text for better contrast */
}