@font-face { 
   font-family: Nintendo; src: url('https://aerialflora.neocities.org/Nintendo-DS-BIOS.ttf'); 
   
 } 

body {
  background-image: url("https://i7.glitter-graphics.org/pub/1421/1421397sdijwtgwqc.gif");
  font-family: Nintendo;
  color: white;
  font-size: 30px;
  overflow: hidden;
}  

.header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
     box-shadow: inset 0 0 80px white;
  width: 900px;
  margin: 0 auto;
  border-radius: 20px;
}

.musicarea{
 display: flex;
 flex-direction: column;


}

.music-wrapper {
  position: absolute;
  top: 200px;
  left: 800px;
  animation: float 6s ease-in-out infinite;
}

.music {
  transition: transform 0.3s ease;
  cursor: pointer;
}

.music:hover {
  transform: scale(1.15);

}


@keyframes float {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-20px); }
  100% { transform: translateY(0); }
}
        
@keyframes breathe {
  0%   { transform: scale(1.00); }
  50%  { transform: scale(1.018); }
  100% { transform: scale(1.00); }
}
        
        


img {
  image-rendering: optimizeSpeed;           /* Older/Firefox */
  image-rendering: -moz-crisp-edges;        /* Firefox */
  image-rendering: -o-crisp-edges;          /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Chrome (and older Safari) */
  image-rendering: pixelated;               /* Universal standard since 2021 */
  -ms-interpolation-mode: nearest-neighbor; /* IE8+ */
}

