@import url('https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,100..900;1,100..900&family=Sarala:wght@400;700&display=swap');
@import "tailwindcss";

@theme {
	--font-serif: "Aleo", "monospace";
}

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

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.transition-all {
	transition: all 0.3s ease;
}

.hover\:-translate-y-2:hover {
	transform: translateY(-8px);
}

.hover\:-translate-y-1:hover {
	transform: translateY(-4px);
}

.backdrop-blur-sm {
	backdrop-filter: blur(8px);
}

/* Add to style.css */
.group:hover .group-hover\:translate-x-1 {
	transform: translateX(0.25rem);
}

.transition-transform {
	transition: transform 0.3s ease;
}

.list-disc li::marker {
	color: #b8c4b550;
}

.group:hover .group-hover\:translate-x-1 {
	transform: translateX(0.25rem);
}

.transition-transform {
	transition: transform 0.3s ease;
}

.list-disc li::marker {
	color: #b8c4b550;
}

html {
	scroll-behavior: smooth;
}
