body {
background-image: url("https://wallpapercave.com/wp/xTkHBfj.jpg");
background-size: cover;
text-align: center;
}

h1 {
  color: #ffffff;  
  background-color: rgb(0, 0, 0);            /* Changes the text color to a nice blue */
  font-family: "Press Start 2P", system-ui;
  font-weight: 400;
  font-style: normal;          /* Optional: adjust thickness */
}
.cd-player{
    width: 200px;
    height:200px;
    background: url(https://pngimg.com/uploads/compact_disc/compact_disc_PNG8747.png) center;
    background-size: cover;
    border: 5px solid #333;
    border-radius: 50%;
    padding:10px;
    vertical-align: top;
    text-align: left;
    font-family: 'VT323', monospace;
    float:left;
    margin-right:10px;
    margin-left:80px;
}

.cd-label{
    font-size: 35px;
    text-align: center;;
    vertical-align: top;
   

}
.cd-player {
  display: inline-block;
  animation: spin 6s linear infinite;
}


@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.player{
    background: url(https://w7.pngwing.com/pngs/900/421/png-transparent-discman-portable-cd-player-walkman-compact-disc-sony-electronics-cd-player-sound.png) center;
    background-size: 300px;
    position: absolute;
    transform: translateX(-50%);
    top: 10%; 
    width: 200px;
    height:200px;
    border: 5px solid #333;
    border-radius: 50%;
    padding:20px;
    vertical-align: top;
    text-align: left;
    font-family: 'VT323', monospace;
    float:left;
    margin-right:60px;
    margin-left:80px;

}
.player:hover{
  transform:translateX(20px);
  transform:rotate(5deg);
}

.gallery{
  width: 320px;
  height: 200px;
  background-image:url(Picsart_25-08-04_21-33-19-068.png);
   background-size: cover;        /* scales image to fill the space */
  background-repeat: no-repeat;
  margin-right:90px;
    margin-left:400px;
    rotate: 10deg;

}
.gallery:hover{
 background-image: url(Picsart_25-08-04_21-32-57-628.png);
  transform:rotate(-10deg);
}