body {
  background-color: black;
}


.title {
  color: white;
}

.center {
  text-align: center;
}

.finonitelogo {
    max-width: 35%;
}

.image-container {
  width: 500px;
  height: 250px;
  border: 1px solid black;
  margin-bottom: 25px;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.item-center {
  display: grid;
  gap: 25px;
  align-items: center;
  justify-items: center;
  grid-template-columns: repeat(3, 1fr);
  margin-left: 150;
  margin-right: 150;
}

.square {
    height: 250px;
    width: 500px;
    background-color: white;
}


.song-card {
    position: relative;      
    display: inline-block;
    text-align: center;
}

.song-card img {
    display: block;         
    width: 500px;          
    height: auto;
}

.song-title {
    font-family: 'Courier New', Courier, monospace;
    position: absolute;
    bottom: 8px;        
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    width: 100%;
}

.song-author {
    font-family: 'Courier New', Courier, monospace;
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%);
    color: #c7c7c7;
    font-size: 15px;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

.song-cover {
    position: absolute;
    top: 50%;      
    left: 50%; 
    transform: translate(-50%, -50%);
    max-width: 125px;   
    border-radius: 10px; 
}


.item-center.mobile {
  display: grid;
  gap: 10px;
  align-items: center;
  justify-items: center;
  grid-template-columns: 1fr;
  margin-left: 20px;
  margin-right: 20px;
}