Spaces:
Build error
Build error
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; | |
} |