| 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; |
| } |