@import 'tailwindcss';

@layer base {
	html {
		scroll-behavior: smooth;
	}
	body {
		-webkit-font-smoothing: antialiased;
	}
}

@layer components {
	.min-h-screen-ios {
		height: 100vh;
		height: 100svh;
		max-height: 100vh;
		max-height: 100svh;
	}

	.reveal {
		opacity: 0;
		transform: translateY(30px);
		transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
	}
	.reveal.revealed, .revealed {
		opacity: 1;
		transform: translateY(0);
	}
}