Animated Colorful Navbar - Copy this Html, Bootstrap Component to your project

Create a visually appealing and colorful animated navbar with smooth transitions. The navbar should include a centered logo displaying the text 'AimanCreator' and four evenly spaced elements ('Home,' 'About,' 'Contact,' 'Portfolio'). For larger screens, use flexbox to evenly distribute the elements with space between them. On mobile devices, the navbar should collapse into a hamburger menu. When the menu icon is tapped, it will smoothly display the navigation items with animated effects. The design should be fully responsive, colorful, and incorporate beautiful animations for both the hover and menu interactions