*{
     margin: 0;
     padding:0;
}

body{
     min-height:100%;
     margin-top: 4em;
     display:flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     background-color:black;
}

.grid-container{
     display: grid;
     grid-template-columns: 1;
     gap: 2em;
}

.song-box{
     padding: 1em;
     color: white;
     text-align: center;
     align-items: center;
     background-color: black;
     max-width: fit-content;
     color: white;
     font: "poppins";
     font-size: 2rem;
     justify-items: center;
     justify-content: center;
     
}

.song-art-work-image{
     margin:20px;
     width: fit-content;
     height: fit-content;
     border-style: solid;
     border-color: white;
     border-width: 10px;
     box-shadow: 10px 0 50px #e0911a, -10px 0px 50px #c9310b;
}

.song-art-work-image:hover{
     transform: scale(1.1);
}


.footer{
     display: flex;
     position: sticky;
     align-items: baseline;
     bottom: 0;
     width: 100%;
     height: 30px;
}

.site-footer{
     display: flex;
     justify-content: center;
     bottom: 0;
     margin-top:10px;
     color: white;
     font-family: "poppins";
}