/* Smooth scrolling behavior */
      html {
        scroll-behavior: smooth;
      }
      /* Custom scrollbar */
      ::-webkit-scrollbar {
        width: 8px;
      }
      ::-webkit-scrollbar-track {
        background: #f1f1f1;
      }
      ::-webkit-scrollbar-thumb {
        background: #3b82f6;
        border-radius: 4px;
      }
      ::-webkit-scrollbar-thumb:hover {
        background: #2563eb;
      }
      /* Animation for hero section */
      @keyframes fadeInUp {
        from {
          opacity: 0;
          transform: translateY(20px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      .hero-content {
        animation: fadeInUp 0.8s ease-out forwards;
      }
      /* Pulse animation for CTA buttons */
      @keyframes pulse {
        0% {
          box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
        }
        70% {
          box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
        }
        100% {
          box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
        }
      }
      .pulse-animation {
        animation: pulse 2s infinite;
      }      /* Portfolio item hover effect */
      .portfolio-item {
        transition: all 0.3s ease;
      }
      .portfolio-item:hover {
        transform: translateY(-5px);
      }
      /* Tech badge animation */
      .tech-badge {
        transition: all 0.2s ease;
      }
      .tech-badge:hover {
        transform: scale(1.05);
      }