footer {
    min-height: 14rem;
    width: 100%;
    background-color: black;
    color: white;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

footer nav {
    width: 100%;
    max-width: 30rem;
    display: flex;
    align-content: center;
    justify-content: center;
    margin-bottom: 2rem;
}

footer nav a {
    display: block;
}

.icon {
    width: 2.9rem;
    aspect-ratio: 1 / 1;
    height: auto;
    background-size: 1.3rem;
    background-repeat: no-repeat;
    background-position: center;

    margin: auto;

    border: 3px solid #4e2852;
    border-radius: 99999px
}

.icon:hover {
    background-color: #ffffff;
    background-blend-mode: difference;
    transition: background-color 0.9s;
    transition-timing-function: ease-out;
}

.icon.spotify {
    background-image: url('../img/iconmonstr-spotify-1.svg')
}
.icon.deezer {
    background-image: url('../img/deezer-svgrepo-com.svg')
}
.icon.tidal {
    background-image: url('../img/tidal-svgrepo-com.svg')
}
.icon.youtube {
    background-image: url('../img/youtube-filled-svgrepo-com.svg')
}
.icon.instagram {
    background-image: url('../img/instagram-svgrepo-com.svg')
}
.icon.apple {
    background-image: url('../img/apple-music-svgrepo-com.svg')
}
.icon.facebook {
    background-image: url('../img/facebook-round-svgrepo-com.svg')
}