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