/* General styles and reset */
body {
    font-family: 'Helvetica', Arial, sans-serif; /* Use an easy-to-read font */
    color: #222; /* Dark gray text */
    background: #f1f1f1; /* Light gray background */
    margin: .5in;
    padding: 0;
    line-height: 1.6; /* Optimal line spacing */
}

/* Center and limit content width */
header, main, footer {
    max-width: 800px; /* Limit content width */
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    background-color: #fff; /* White background for the main content area */
}

/* Typography styles */
h1, h2, h3 {
    margin: 0 0 0.5em;
}

h1 {
    font-size: 2.5em;
}

h2 {
    font-size: 1.8em;
    margin-top: 1.5em; /* Add space before subheadings */
}

p {
    margin: 0 0 1.15em;
}

/* Style specific elements like author info and footer */
.author-info {
    color: #777;
    font-size: 0.9em;
    border-bottom: 1px solid #eee;
    padding-bottom: 1em;
}

footer {
    border-top: 2px solid #ccc;
    text-align: center;
    font-size: 0.8em;
    color: #777;
}

/* Add styles for images, blockquotes, etc. to make them visually interesting */
blockquote {
    background: #f9f9f9;
    border-left: 5px solid #ccc;
    margin: 1.5em 0;
    padding: 1em;
    font-style: italic;
}

