|
footer { |
|
padding: 10px; |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
flex-direction: column; |
|
} |
|
|
|
.copyright { |
|
color:#777; |
|
font-size: 15px; |
|
} |
|
|
|
.rounded-social-buttons { |
|
text-align: center; |
|
} |
|
|
|
.rounded-social-buttons .social-button { |
|
display: inline-block; |
|
position: relative; |
|
cursor: pointer; |
|
width: 3.125rem; |
|
height: 3.125rem; |
|
border: 0.125rem solid transparent; |
|
padding: 0; |
|
text-decoration: none; |
|
text-align: center; |
|
color: #fefefe; |
|
font-size: 1.5625rem; |
|
font-weight: normal; |
|
line-height: 2em; |
|
border-radius: 1.6875rem; |
|
transition: all 0.5s ease; |
|
margin-right: 0.25rem; |
|
margin-bottom: 0.25rem; |
|
} |
|
|
|
.rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus { |
|
-webkit-transform: rotate(360deg); |
|
-ms-transform: rotate(360deg); |
|
transform: rotate(360deg); |
|
} |
|
|
|
.rounded-social-buttons .social-button.facebook { |
|
background: #3b5998; |
|
} |
|
|
|
.rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus { |
|
color: #3b5998; |
|
background: #fefefe; |
|
border-color: #3b5998; |
|
} |
|
|
|
.rounded-social-buttons .social-button.twitter { |
|
background: #bccffe1a; |
|
} |
|
|
|
.rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus { |
|
color: #55acee; |
|
background: #fefefe; |
|
border-color: #55acee; |
|
} |
|
|
|
.rounded-social-buttons .social-button.linkedin { |
|
background: #007bb5; |
|
} |
|
|
|
.rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus { |
|
color: #007bb5; |
|
background: #fefefe; |
|
border-color: #007bb5; |
|
} |
|
|
|
.rounded-social-buttons .social-button.github { |
|
background: #bccffe1a; |
|
} |
|
|
|
.rounded-social-buttons .social-button.github:hover, .rounded-social-buttons .social-button.github:focus { |
|
color: #bb0000; |
|
background: #fefefe; |
|
border-color: #bb0000; |
|
} |
|
|
|
.rounded-social-buttons .social-button.discord { |
|
background: #bccffe1a; |
|
} |
|
|
|
.rounded-social-buttons .social-button.discord:hover, .rounded-social-buttons .social-button.discord:focus { |
|
color: #125688; |
|
background: #fefefe; |
|
border-color: #125688; |
|
} |