@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);
}
}