index.module.css 417 B

123456789101112131415161718192021222324252627
  1. /**
  2. * CSS files with the .module.css suffix will be treated as CSS modules
  3. * and scoped locally.
  4. */
  5. .heroBanner {
  6. padding: 4rem 0;
  7. text-align: center;
  8. position: relative;
  9. overflow: hidden;
  10. }
  11. [data-theme="dark"] .heroBanner {
  12. color: #fff;
  13. }
  14. @media screen and (max-width: 996px) {
  15. .heroBanner {
  16. padding: 2rem;
  17. }
  18. }
  19. .buttons {
  20. display: flex;
  21. align-items: center;
  22. justify-content: center;
  23. }