app.css 442 B

1234567891011121314151617181920212223242526272829
  1. @import 'tailwindcss';
  2. @layer base {
  3. html {
  4. scroll-behavior: smooth;
  5. }
  6. body {
  7. -webkit-font-smoothing: antialiased;
  8. }
  9. }
  10. @layer components {
  11. .min-h-screen-ios {
  12. height: 100vh;
  13. height: 100svh;
  14. max-height: 100vh;
  15. max-height: 100svh;
  16. }
  17. .reveal {
  18. opacity: 0;
  19. transform: translateY(30px);
  20. transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
  21. }
  22. .reveal.revealed, .revealed {
  23. opacity: 1;
  24. transform: translateY(0);
  25. }
  26. }