/* Reset some default styles for better consistency */
body, h1, p {
margin: 0;
padding: 0;
}
/* Apply a background color to the entire page */
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
/* Style the header */
header {
background-color: #333;
color: #fff;
text-align: center;
padding: 1rem;
}
/* Style the navigation menu */
nav ul {
list-style: none;
padding: 0;
}
nav li {
display: inline;
margin-right: 20px;
}
nav a {
text-decoration: none;
color: #fff;
}
/* Style the content area */
.content {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
}
/* Style the footer */
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 1rem;
}