Advertisement
Guest User

Untitled

a guest
Sep 21st, 2019
138
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.23 KB | None | 0 0
  1. .footer {
  2. // position: fixed;
  3. box-sizing: border-box;
  4. display: flex;
  5. // position: fixed;
  6. justify-content: center;
  7. flex-direction: column;
  8. background: #222;
  9. width: 100%;
  10. // height: 100%;
  11. // box-sizing: border-box;
  12. bottom: 0;
  13. // top: 0; // background-size: auto;
  14. color: white;
  15.  
  16. .first {
  17. // width: 1068px;
  18. display: block;
  19. flex-direction: column;
  20. // justify-content: center;
  21. // text-align: center;
  22. margin: 0 310px 38px;
  23.  
  24. .logo {
  25. display: flex;
  26. justify-content: center;
  27. margin: 0 0 20px;
  28.  
  29.  
  30. }
  31.  
  32. .content {
  33. // box-sizing: border-box;
  34. display: flex;
  35. flex-direction: column;
  36. justify-content: center;
  37. flex-wrap: wrap;
  38.  
  39.  
  40. .text {
  41. display: flex;
  42. flex-wrap: wrap;
  43. text-align: center;
  44. }
  45.  
  46. .contact {
  47. display: flex;
  48. justify-content: center;
  49. font-size: 15px;
  50. padding: 21px 0;
  51.  
  52.  
  53. a {
  54. margin: 0 0 0 10px;
  55. color: #a39176;
  56.  
  57. &.link {
  58. &:hover {
  59. text-decoration: underline;
  60. }
  61. }
  62.  
  63. }
  64. }
  65.  
  66.  
  67. }
  68.  
  69. .social {
  70. display: block;
  71. margin: 0 auto;
  72. // justify-content: center;
  73.  
  74. ul {
  75. display: flex;
  76. justify-content: center;
  77. align-items: center;
  78.  
  79. li {
  80. border: 1px solid rgba(255, 255, 255, 0.03);
  81. margin: 10px;
  82. height: 40px;
  83. width: 40px;
  84. background: rgba(255, 255, 255, 0.03);
  85.  
  86. a {
  87. display: flex;
  88. justify-content: center;
  89. align-items: center;
  90. color: #fff;
  91. font-size: 18px;
  92. height: 40px;
  93. width: 40px;
  94.  
  95.  
  96. &.fb {
  97. &:hover {
  98. color: rgb(41, 41, 214);
  99. }
  100.  
  101. }
  102.  
  103. &.insta {
  104. &:hover {
  105. color: rgb(223, 126, 142);
  106. }
  107. }
  108.  
  109. &.youtube {
  110. &:hover {
  111. color: rgb(226, 14, 14);
  112. }
  113. }
  114. }
  115. }
  116. }
  117.  
  118. }
  119.  
  120. }
  121.  
  122. .last {
  123. display: flex;
  124. background: #000;
  125.  
  126. .last-div {
  127. display: block;
  128. margin: 0 100px;
  129.  
  130. .last-last-div {
  131. margin: 8px 0;
  132. padding: 0 24px;
  133. font-size: 12px;
  134. }
  135. }
  136. }
  137. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement