@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

* {
  font-family: 'Nunito', sans-serif;
}


.opacity-0 {
    opacity: 0;
  }
  .opacity-100 {
    opacity: 1;
  }

 /* Gold shimmer animation */
 .shimmer-btn {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #ffb347, #ffcc33, #ffb347);
    background-size: 200%;
    color: white;
    animation: shimmer-bg 3s infinite linear;
}

.shimmer-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    transform: skewX(-30deg);
    animation: shimmer-light 3s infinite ease-in-out;
}

@keyframes shimmer-bg {
    0% { background-position: 0% 0; }
    100% { background-position: 100% 0; }
}

@keyframes shimmer-light {
    0% { left: -100%; }
    50% { left: 50%; }
    100% { left: 100%; }
}



.loading-fade {
    animation: loading-fade;
    animation-timeline: view(auto);
  }
  
  @keyframes loading-fade {
    0% {
      opacity: 0;
      scale: 90%;
    }
  
    30% {
      opacity: 80%;
      scale: 90%;
    }
  
    40% {
      opacity: 100%;
      scale: 100%;
    }
  
    50% {
      opacity: 100;
      scale: 100%;
    }
  
    60% {
      opacity: 100%;
      scale: 100%;
    }
  
    70% {
      opacity: 80%;
      scale: 90%;
    }
  
    100% {
      opacity: 0;
      scale: 90%;
    }
  }