.title-heading{
    display: flex;
    margin: 20px 35px;
    justify-content: space-between;
}
.title-heading>h3{
    color: white;
    font-weight: 900;
    cursor: default;
}
.title-heading>h5{
    margin: 5px 0;
    color: #bfbfbf;
    cursor: pointer;
}


.song-grid{
    display: grid;
    grid-area:auto;
    grid-template-columns: auto auto auto auto auto;
    background-color: transparent;
    margin: 5px 35px;
}
.song-box{
    background:linear-gradient(180deg,#0f0f0f,#1d1d1d) ;
    height: 250px;
    width:160px;
    border-radius: 5px;
    padding: 15px;
    color: white;
}
/* song box hover     */
.song-box:hover{
    transition: 0.5s;
    background:#333333;
    cursor: pointer;
}
.song-art{
    background:#333333;
    width:160px;
    height: 160px;
    border-radius: 5px;
}
/*                          Focus                          */
.focus-title .song-box:nth-child(1)>.song-art{
    background: url("https://i.scdn.co/image/ab67706f00000002ca5a7517156021292e5663a6");
    background-position: center;
    background-size: contain;
}
.focus-title .song-box:nth-child(2)>.song-art{
    background: url("https://i.scdn.co/image/ab67706f000000025551996f500ba876bda73fa5");
    background-position: center;
    background-size: contain;
}
.focus-title .song-box:nth-child(3)>.song-art{
    background: url("https://i.scdn.co/image/ab67706f00000002fe24d7084be472288cd6ee6c");
    background-position: center;
    background-size: contain;
}
.focus-title .song-box:nth-child(4)>.song-art{
    background: url("https://i.scdn.co/image/ab67706f00000002724554ed6bed6f051d9b0bfc");
    background-position: center;
    background-size: contain;
}
.focus-title .song-box:nth-child(5)>.song-art{
    background: url("https://i.scdn.co/image/ab67706f00000002e435ce0a86a8b9dc24527618");
    background-position: center;
    background-size: contain;
}
/*                          /Focus                          */
/*                  Spotify playlist                        */
.spotify-playlists .song-box:nth-child(1)>.song-art{
    background: url("https://i.scdn.co/image/ab67706f000000021d051b0d3dcb712c312eb94b");
    background-position: center;
    background-size: contain;
}
.spotify-playlists .song-box:nth-child(2)>.song-art{
    background: url("https://i.scdn.co/image/ab67706f00000002ff53eb23edd09b8920761042");
    background-position: center;
    background-size: contain;
}
.spotify-playlists .song-box:nth-child(3)>.song-art{
    background: url("https://i.scdn.co/image/ab67706f00000002b0fe40a6e1692822f5a9d8f1");
    background-position: center;
    background-size: contain;
}
.spotify-playlists .song-box:nth-child(4)>.song-art{
    background: url("https://i.scdn.co/image/ab67706f0000000278b4745cb9ce8ffe32daaf7e");
    background-position: center;
    background-size: contain;
}
.spotify-playlists .song-box:nth-child(5)>.song-art{
    background: url("https://i.scdn.co/image/ab67706f0000000208ca740941aa65b5e205c361");
    background-position: center;
    background-size: contain;
}
/*                      /Spotify playlist                   */


/*                  Sound of india                      */
.sound-of-india .song-box:nth-child(1)>.song-art{
    background: url("https://i.scdn.co/image/ab67706c0000da8436ea3a15c04a4b0821958ceb");
    background-position: center;
    background-size: contain;
}
.sound-of-india .song-box:nth-child(2)>.song-art{
    background: url("https://i.scdn.co/image/ab67706c0000da84ca51e0b1b2526295415ea0f7");
    background-position: center;
    background-size: contain;
}
.sound-of-india .song-box:nth-child(3)>.song-art{
    background: url("https://i.scdn.co/image/ab67706c0000da84fdad3548d41af616a7e8d64c");
    background-position: center;
    background-size: contain;
}
.sound-of-india .song-box:nth-child(4)>.song-art{
    background: url("https://i.scdn.co/image/ab67706c0000da84d8f01d1da427744c3c74172d");
    background-position: center;
    background-size: contain;
}
.sound-of-india .song-box:nth-child(5)>.song-art{
    background: url("https://i.scdn.co/image/ab67706c0000da8487c680fc5e5805eaef5d4dd2");
    background-position: center;
    background-size: contain;
}
/*                      /sound of india                  */

.song-box .song-art>.play-pause{
    opacity: 0;
    background: #1ed760;
    height: 50px;
    width: 50px;
    border-radius: 25px;
    position: relative;
    top: 80%;
    left: 65%;
    transition: 0.4s;
}
.material-symbols-rounded {
    font-variation-settings:
    'FILL' 1,
    'wght' 400,
    'GRAD' 0,
    'opsz' 48;
  }
  #play{
    color: black;
    position: relative;
    font-size: 35px;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
.song-box:hover>.song-art .play-pause{
    position: relative;
    opacity: 1;
    top: 65%;
    left: 65%;

}
.song-art:hover>.play-pause:hover{
    scale:1.05;
}


.song-name{
    
    font-weight: bolder;
    margin: 18px 0 5px;
}

.song-detail{
    color: #bfbfbf;
}






/*=============================================================*/

@media only screen and (max-width: 1250px) {
.song-grid{
            grid-template-columns: auto auto auto auto;
            justify-content: space-around;
        
        }
.song-box{
            margin: 2.5px 0;
        }
}
@media only screen and (max-width: 1050px) {
    .song-grid{
                grid-template-columns: auto auto auto;
                justify-content: space-around;
            }
    .song-box{
                margin: 2.5px 0;
            }
}
@media only screen and (max-width: 800px) {
        .song-grid{
                    grid-template-columns: auto auto;
                    justify-content: space-around;
                }
        .song-box{
                    margin: 2.5px 0;
                }
}
@media only screen and (max-width: 600px) {
    .song-grid{
                grid-template-columns: auto;
                justify-content: center;
            }
    .song-box{
                margin: 2.5px 0;
            }
}