body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #ADD8E6; color: #333; /* Text color */ } /* Header styles */ header { background-color: #FFC0CB; /* Dark blue header background */ color: #fff; /* Header text color */ text-align: center; padding: 1em 0; } /* Navigation styles */ nav { background-color: #FFC0CB; /* Dark gray navigation background */ color: #fff; /* Navigation text color */ padding: 0.5em; text-align: center; } nav a { color: #FFC0CB; /* Link text color */ text-decoration: none; margin: 0 10px; } /* Section styles */ section { margin: 2em; padding: 1em; background-color: #fff; /* White section background */ border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } /* Footer styles */ footer { text-align: center; padding: 1em 0; background-color: #FFC0CB; /* Dark gray footer background */ color: #fff; /* Footer text color */ } /* Link styles */ a { color: #007bff; /* Link color */ text-decoration: none; } a:hover { text-decoration: underline; }