body, h1, h2, p { margin: 0; padding: 0; } /* Set a background color and font for the entire page */ body { background-color: #f0f0f0; font-family: Arial, sans-serif; } /* Style the header */ header { background-color: #333; color: white; text-align: center; padding: 20px; } /* Style the navigation menu */ nav { background-color: #444; } nav ul { list-style-type: none; padding: 0; } nav li { display: inline; margin-right: 20px; } nav a { text-decoration: none; color: white; } /* Style the main content */ main { padding: 20px; } /* Style sections and content within sections */ section { margin-bottom: 20px; padding: 10px; background-color: #fff; border-radius: 5px; } /* Responsive styles */ @media screen and (max-width: 768px) { /* Adjust styles for smaller screens */ header { padding: 10px; } nav ul { text-align: center; } nav li { display: block; margin: 10px 0; } main { padding: 10px; } section { padding: 5px; } }