/* Reset some default styles to ensure consistent rendering */
body, h1, h2, h3, p, ul, li {
margin: 0;
padding: 0;
}
/* Set a background color and text color for the entire page */
body {
background-color: #f8f8f8; /* Light gray background */
color: #333; /* Dark gray text color */
font-family: 'Arial', sans-serif; /* Choose a font style */
}
/* Set a container to hold the main content */
.container {
max-width: 1200px; /* Adjust the maximum width as needed */
margin: 0 auto; /* Center the container */
padding: 20px; /* Add padding around the content */
border-radius: 10px; /* Add rounded corners to the container */
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); /* Add a subtle box shadow */
}
/* Style the header */
header {
background-color: #3498db; /* Blue header background color */
color: #fff; /* White text color */
padding: 10px; /* Add padding to the header */
text-align: center; /* Center align text in the header */
border-radius: 10px 10px 0 0; /* Add rounded corners to the header */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Add a slight box shadow */
}
/* Style the navigation menu */
nav {
margin-top: 20px;
}
nav ul {
list-style-type: none; /* Remove default list styles */
display: flex; /* Use flexbox for horizontal alignment */
}
nav li {
margin-right: 20px; /* Add spacing between menu items */
}
/* Style the main content area */
main {
margin-top: 20px;
}
/* Style the footer */
footer {
background-color: #333; /* Dark background color for the footer */
color: #fff; /* White text color */
padding: 10px; /* Add padding to the footer */
text-align: center; /* Center align text in the footer */
border-radius: 0 0 10px 10px; /* Add rounded corners to the footer */
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* Add a slight box shadow */
}
/* Add additional styling as needed for specific elements and sections */
