@import "fonts.css";

html {
	scroll-behavior: smooth;
}

.social-link,
.toggle-theme {
	transition:
		color 0.2s ease,
		opacity 0.2s ease;
	opacity: 0.5;
}

.social-link:hover,
.toggle-theme:hover {
	opacity: 1;
}

/* 
=======================
Cards
=======================
*/

/* ── Mobile carousel ─────────────────────────── */
.carousel-track {
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.carousel-track::-webkit-scrollbar {
	display: none;
}
.carousel-slide {
	scroll-snap-align: center;
	flex: 0 0 85%;
}
/*Animations*/

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

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/*anim-in*/
.animate-fade-in-up {
	opacity: 0;
	animation: fadeInUp 0.7s ease-out forwards;
}

/*anim-fade*/
.animate-fade-in {
	opacity: 0;
	animation: fadeIn 0.6s ease-out forwards;
}