body {
  font-family: 'Josefin Sans', sans-serif;
  scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #ef1720;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #c91018;
}

/* Marquee Animation for long song titles */
.marquee-wrapper {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  /* Mask removed to eliminate gradient fade */
}

.animate-marquee {
  display: inline-block;
  padding-left: 100%;
  /* Start from the right edge */
  animation: marquee 15s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-100%, 0);
  }
}

/* Background Zoom Animation (Breathing Effect) - Intensified */
@keyframes zoom-in-out {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.5);
  }

  100% {
    transform: scale(1);
  }
}

.animate-zoom-bg {
  animation: zoom-in-out 30s ease-in-out infinite;
  /* Ensure hardware acceleration */
  will-change: transform;
}

.jmultimidia img {
  width: 125px;
  margin: 10px auto;
  display: block;
}

.jmultimidia img:hover {
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/* Media mobile */
@media screen and (max-width: 480px) {
  .jmultimidia img {
    width: 120px;
  }
}