main.css 477 B

1234567891011121314151617181920212223242526272829303132333435
  1. @import './base.css';
  2. #app {
  3. max-width: 1280px;
  4. margin: 0 auto;
  5. padding: 2rem;
  6. font-weight: normal;
  7. }
  8. a,
  9. .green {
  10. text-decoration: none;
  11. color: hsla(160, 100%, 37%, 1);
  12. transition: 0.4s;
  13. }
  14. @media (hover: hover) {
  15. a:hover {
  16. background-color: hsla(160, 100%, 37%, 0.2);
  17. }
  18. }
  19. @media (min-width: 1024px) {
  20. body {
  21. display: flex;
  22. place-items: center;
  23. }
  24. #app {
  25. display: grid;
  26. grid-template-columns: 1fr 1fr;
  27. padding: 0 2rem;
  28. }
  29. }