/* Global Styles */
body {
  font-family: Arial, sans-serif;
  background: #fff;
  color: #111;
  max-width: 800px;
  margin: 40px auto;
  line-height: 1.6;
  padding: 0 20px;
}

/* Navigation */
nav {
  margin-bottom: 30px;
}

nav a {
  margin-right: 15px;
  text-decoration: none;
  color: #0073b1; /* LinkedIn blue */
  font-weight: bold;
}

nav a:hover {
  text-decoration: underline;
}

/* Profile Section */
.profile-section {
  text-align: center;
  margin-top: 30px;
}

.profile-pic {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 20px;
}

h1 {
  font-size: 2.5em;
  margin-bottom: 0.2em;
}

/* Bio Section */
.bio-section {
  margin-top: 30px;
}

/* Social Links */
.social-links {
  text-align: center;
  margin-top: 40px;
}

.social-links a {
  margin-right: 15px;
  text-decoration: none;
  color: #111;
  font-size: 1.1em;
}

.social-links a:hover {
  color: #0073b1;
}
/* Social Icons Colors */
.social-links a i.fa-linkedin {
  color: #0077b5; /* LinkedIn blue */
}

.social-links a i.fa-instagram {
  color: #c13584; /* Instagram pink/purple gradient style */
}

.social-links a i.fa-envelope {
  color: #ea4335; /* Gmail/Email red */
}

/* Optional: add hover effect for all social icons */
.social-links a:hover i {
  opacity: 0.8;
}