In this CSS-enhanced Personal Portfolio project, you'll elevate your online presence by crafting a visually stunning and engaging personal portfolio website. This project builds upon the foundation of your existing HTML portfolio, transforming it into an eye-catching and interactive showcase of your talents and accomplishments.

To successfully create your personal portfolio, you'll need to meet the following HTML & CSS-specific requirements:

Project Requirements:

Home Page:
- The main landing page provides an introduction to you and your portfolio.
- Include a brief bio, your name, a profile picture, and a welcome message.
- Apply a visually appealing color scheme and typography to create an inviting and professional welcome message.
- Style your profile picture for an aesthetically pleasing presentation utilizing rounded corners, and shadows.
About Page:
- A page that offers more detailed information about yourself.
- Include your background, education, career goals, and personal interests.
- Enhance text content with advanced typography techniques for improved readability and visual appeal.
- Use CSS to format and structure the page to present your background, education, career goals, and personal interests in an organized manner.
Resume/CV Page:
- Display your professional resume or curriculum vitae.
- List your education, work experience, skills, certifications, and achievements.
- Highlight your technical skills, languages, frameworks, and software proficiency.
- You can use a visual representation like a skill bar or chart.
- Create a well-structured layout for your resume or curriculum using CSS.
- Apply styling to highlight key information such as education, work experience, skills, certifications, and achievements.
Portfolio Projects Page (Bonus):
- Showcase your past projects and works.
- Include project descriptions, images, links, and any technologies or tools used.
- Apply CSS styling to images, links, and project details for an attractive project showcase.
Contact Page (Bonus):
- Provide a way for visitors to get in touch with you.
- Include a contact form, your email address, and links to your social media profiles.
- Apply CSS to create an attractive and user-friendly contact form.
- Style links to social media profiles and ensure they are visually distinguishable.

Additional Requirements:

All nav links must work correctly and navigate to their respective pages.
Use semantic elements like <header>, <nav>, <main>, <section>, <article>, <footer> for proper content structure.
Utilize unordered lists <ul> and/or ordered lists <ol> as needed for organizing content.
Implement pseudoclasses like :hover, :active, and :focus for enhanced user interaction.
Ensure proper spacing between and within elements using the CSS Box Model (content, padding, border, margin).
Utilize either CSS Flexbox or CSS Grid for laying out each page, including appropriate properties and settings for each.
Implement media queries to ensure responsiveness for both desktop and mobile devices.
(BONUS) Add at least one CSS transition to elements for smooth visual effects.
(BONUS) Include at least one keyframe animation for interactive and engaging elements.
Provide clear documentation, including a README file outlining project objectives and instructions for running the website locally.

Mini Project: Personal Portfolio Enhancement Project