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

body {
  background-image: url("https://github.com/slade9990/garden/blob/main/sky.gif?raw=true");
  font-family: Nintendo;
  font-size: 20px;
  overflow: hidden;
}  

.flowers{
    position: relative; 
    width: 100%;       
    height: 1000px;      

}

.musicarea{
      position: relative; 
    width: 100%;       
    height: 1000px;      

}

.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);

}

.sunflower-wrapper {
  position: absolute;
  top: 300px;
  left: 400px;
  animation: float 5s ease-in-out infinite;
}

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

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

}

.book-wrapper {
  position: absolute;
  top: 300px;
  left: 2000px;
  animation: float 7s ease-in-out infinite;
}

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

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

}

.frame-wrapper {
  position: absolute;
  top: 200px;
  left: 1600px;
  animation: float 8s ease-in-out infinite;
}

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

.frame: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); }
}
        
        

.nexus {
    position: absolute; 
    top: 300px;          
    left: 200px;
    animation: float 8s ease-in-out infinite;
    animation: breathe 10s ease-in-out infinite;
}

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+ */
}