footer.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. .footer {
  2. margin-top: 100px;
  3. font-family: 'Quicksand', sans-serif;
  4. width: 100%;
  5. height: auto;
  6. }
  7. .footer-header {
  8. width: 100%;
  9. height: 60px;
  10. background-color: #341a42;
  11. position: relative;
  12. }
  13. .form-container {
  14. background-image:
  15. linear-gradient(rgba(157, 93, 93, 0.117), rgba(157, 93, 93, 0.003)),
  16. url(../img/fondo.jpg);
  17. width: 60%;
  18. height: 120px;
  19. max-height: 120px;
  20. position: absolute;
  21. top: -61px;
  22. left: 50%;
  23. transform: translateX(-50%);
  24. box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  25. border-radius: 8px;
  26. padding: 20px;
  27. }
  28. .footer-info {
  29. width: 100%;
  30. height: 100px;
  31. background-color: #76225e;
  32. display: flex;
  33. justify-content: center;
  34. align-items: center;
  35. }
  36. .info-container {
  37. display: flex;
  38. background-color: aqua;
  39. }
  40. .part{
  41. max-width: 250px;
  42. }
  43. .donation-list{
  44. list-style: none;
  45. }
  46. .footer-title{
  47. display: flex;
  48. align-items: center;
  49. justify-content: space-around;
  50. }
  51. .footer-title-in{
  52. display: flex;
  53. flex-direction: column;
  54. }
  55. .titleC {
  56. font-size: 20px;
  57. font-family: 'Caveat', cursive;
  58. font-weight: 600;
  59. color: #ff3232;
  60. }
  61. .footer-end {
  62. width: 100%;
  63. height: 100px;
  64. background-color: #341a42;
  65. }