footer.css 888 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .footer{
  2. padding: 30px 0;
  3. background-color: #000000;
  4. color: #fff;
  5. }
  6. .footer a{
  7. color: #fff;
  8. }
  9. .footer__column{
  10. display: flex;
  11. flex-direction: column;
  12. align-items: center;
  13. }
  14. .footer__nav{
  15. margin-bottom: 25px;
  16. font-size: 14px;
  17. text-transform: uppercase;
  18. color: #FFFFFF;
  19. }
  20. .footer__nav a{
  21. text-decoration: none;
  22. transition: color 0.2s ease-in;
  23. }
  24. .footer__nav a:hover{
  25. color: #ff3874;
  26. }
  27. .footer__nav > a + a{
  28. margin-left: 30px;
  29. }
  30. .footer__socials{
  31. margin-bottom: 25px;
  32. display: flex;
  33. align-items: center;
  34. }
  35. .footer__socials-link{
  36. text-decoration: none;
  37. }
  38. .footer__socials-link + .footer__socials-link{
  39. margin-left: 31px;
  40. }
  41. .footer__socials-icon path{
  42. transition: fill 0.2s ease-in;
  43. }
  44. .footer__socials-icon:hover path{
  45. fill: sandybrown;
  46. {
  47. }
  48. .footer__copyright{
  49. font-size: 14px;
  50. text-align: center;
  51. color: #999999;
  52. }
  53. .footer__copyright p{
  54. margin: 0;
  55. }