    *
    {
        font-family: sans-serif;
    }
    body {
    background: linear-gradient(135deg, #1251e2, #020617);
    background-attachment: fixed;
    color: #ffffff;
}
    .custom-navbar {
      background-color: #000;
    }

    .bg-blue {
      background-color: #0d6efd;
    }
/* Card hover effect */
.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: none;
}

/* Lift effect */
.card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}

/* Image zoom on hover */
.card:hover .skill-img {
  transform: scale(1.05);
}

.service-card {
  transition: 0.3s;
  border-radius: 15px;
}

.service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
/* Smooth image animation */
.skill-img {
  transition: transform 0.3s ease;
}
    .skill-img {
      height: 150px;
      object-fit: contain;
      padding: 15px;
    }

    footer a:hover {
      color: #0d6efd;
      transition: 0.3s;
    }
    .profile
    {
        width: 260px;
        height: 260px;
        border-radius: 50%;
        object-fit: cover;
        border: 4px solid #000;
    }
