/* Custom fonts and overrides */
body {
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
  }
  
  h1, h2, h3 {
    font-weight: 700;
  }
  
  a {
    transition: all 0.3s ease-in-out;
  }
  
  a:hover {
    color: #2563eb;
  }
  
  button:hover {
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
  }
  
  .skill-item i {
    transition: transform 0.3s ease;
  }
  
  .skill-item:hover i {
    transform: scale(1.1);
  }
  
  .project-card:hover {
    transform: translateY(-10px);
  }
  
  .project-card:hover .project-link {
    color: #2563eb;
  }
  

  /* Additional styles for hover and focus effects */
nav a {
    transition: color 0.3s ease-in-out;
  }
  
  nav a:hover {
    color: #f59e0b; /* This is the yellow-400 shade in Tailwind */
  }
  
  .nav-icons i {
    font-size: 1.25rem;
  }
  
  /* Mobile Menu (initially hidden, opens on click) */
  @media (max-width: 768px) {
    .mobile-menu {
      display: none;
    }
  
    .mobile-menu.active {
      display: block;
      position: absolute;
      background-color: rgba(0, 0, 0, 0.9);
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
      z-index: 100;
    }
  }