.play-btn {
    background-color: hsla(0,0%,100%,.85);
    font-size: 24px;
    line-height: 32px;
    position: relative
}

.play-btn:before {
    animation-delay: 0s;
    animation: pulsate1 2s;
    animation-direction: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: steps;
    border: 5px solid var(--bs-border-color);
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
    content: "";
    height: 150%;
    opacity: 1;
    position: absolute;
    width: 150%
}
.album{
    background: black;
}
.navbar{
    background-color: black !important;
}
.navbar-brand{
    margin-right: 0 !important;
}
.icon-shape {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    vertical-align: middle
}
.icon-xl {
    height: 3.5rem;
    line-height: 3.5rem;
    width: 3.5rem
}
.albumTitle{
    font-size: 18px;
    font-weight: bold;
    margin-top: 8px;
    text-align: center;
    color: white;
}
@keyframes pulsate1 {
    0% {
        opacity: 1;
        transform: scale(.8)
    }

    to {
        box-shadow: none;
        opacity: 0;
        transform: scale(1)
    }
}
footer ul{
    justify-content: end;
}

@media (max-width: 600px){
    .navbar-brand{
        margin-right: 0;
    }
}

@media (max-width: 768px){
    footer p{
        text-align: center;
    }
    footer ul{
        justify-content: center ;
    }
}