.fade-in {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in.visible {
	opacity: 1;
	transform: translateY(0);
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-10px);
	}
	60% {
		transform: translateY(-5px);
	}
}

.project-card,
.skill-tag,
.social-link,
.cta-button {
	transition: all 0.3s ease;
}

.project-card:hover {
	transform: translateY(-4px) scale(1.02);
}

.skill-tag:hover {
	transform: translateY(-2px);
    cursor: pointer;
}

.social-link:hover {
	transform: translateY(-2px);
}

.cta-button:hover {
	transform: translateY(-2px);
}

a {
	transition: color 0.3s ease;
}

button {
	transition: all 0.3s ease;
}