@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");

body {
	font-family: "Inter", sans-serif;
}

.slide {
	display: none;
	animation: fadeIn 0.5s ease-in-out;
}

.slide.active {
	display: block;
}

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

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

.truth-table:hover {
	transform: scale(1.02);
}

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

.interactive-example:hover {
	background-color: #f0fdf4;
}

.progress-bar {
	transition: width 0.3s ease;
}