footer{
    background-color: #2d2d2d;
    width: 100%;
    margin-top: auto;
    color: hsl(0, 0%, 60%);
    font-size: 90%;
    line-height: 2.4;
    padding:56px 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    letter-spacing: 1px;
}
footer a:hover{
    color: var(--col-pink);
}
footer span{
    opacity: .7;
}

.social-links a{
    font-size: 150%;
    margin:.2em;
    padding:.2em;
}

#footer-links>a{
    margin:0 1em;
}
#footer-links>span{
    opacity: .5;
}