footer.scss 838 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. footer {
  2. margin-top: 90px;
  3. margin-bottom: 150px;
  4. display: flex;
  5. justify-content: center;
  6. align-items: center;
  7. gap: 80px;
  8. flex-wrap: wrap;
  9. div {
  10. p:first-child {
  11. margin-bottom: 20px;
  12. font-weight: normal;
  13. font-size: 16px;
  14. text-align: center;
  15. }
  16. div {
  17. display: flex;
  18. flex-direction: column;
  19. a {
  20. color: #000;
  21. text-align: center;
  22. font-size: 36px;
  23. text-decoration: none;
  24. transition: all 0.3s ease;
  25. text-underline-offset: 3px;
  26. &:hover {
  27. text-underline-offset: 8px;
  28. text-decoration: underline;
  29. }
  30. }
  31. }
  32. }
  33. }
  34. @media screen and (max-width: 750px) {
  35. footer {
  36. div {
  37. a {
  38. font-size: 24px !important;
  39. }
  40. }
  41. }
  42. }