@import "tailwindcss";

@custom-variant dark (&:where(.dark, .dark *));

@theme {
	--font-fira-code: "Fira Code";
}

@layer base {
	h1,
	h2,
	h3 {
		@apply font-fira-code;
	}
	a {
		@apply text-blue-600 dark:text-blue-400;
	}
	button {
		@apply cursor-pointer disabled:cursor-default;
	}
}

.do-a-barrel-roll {
	transform: rotate(360deg);
	transition-property: all;
	transition-duration: 4s;
}
