body { font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #f0f0f0; padding: 20px; text-align: center; } h1 { margin: 0; } main { padding: 20px; } .categories { margin-bottom: 20px; } .categories ul { list-style: none; padding: 0; margin: 0; } .categories li { display: inline-block; margin-right: 20px; } .categories a { text-decoration: none; color: black; } .activities { margin-bottom: 20px; } .activities h2 { margin-top: 0; } .activity { display: inline-block; margin-right: 20px; padding: 10px; border: 1px solid #ccc; text-align: center; } .activity img { width: 100%; height: 150px; object-fit: cover; margin-bottom: 5px; } footer { background-color: #f0f0f0; text-align: center; padding: 10px; }