body { background-color:#f0fff0; font-family: Arial, sans-serif; } .container { max-width: 600px; margin: 0 auto; padding: 20px; background-color:red; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } h1 { text-align: center; color:#ad3dd9; } .titleB2{ color:#AD002D; } .titleB3{ color:#00afcc; } .titleB4{ color:#a260bf; } .titleB5{ color:#ffc20e; } .titleB6{ color:#0d0015; } .profile { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; } .profile img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin-right: 20px; } .profile h2 { color: #333; margin: 0; } .profile p { color:brack; margin-top: 10px; } .social-links { display: flex; justify-content: center; margin-top: 20px; } .social-links a { margin: 0 10px; color: #777; text-decoration: none; transition: color 0.3s; } .social-links a:hover { color: #333; }