/* Responsive styles */
@media (max-width: 768px) {
    .text-5xl { font-size: 2.5rem; }
    .text-xl { font-size: 1rem; }
    .animate-slide-in { transform: translateY(10px); }
    .project-card img { height: 150px; }
    .skill-card { padding: 1rem; }
    .md\:grid-cols-2 { grid-template-columns: 1fr; }
    .experience-card:hover, .education-card:hover, .skill-card:hover, .certificate-card:hover, .achievement-card:hover {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); /* Slightly smaller shadow for mobile */
    }
}