.down-arrow {
    position: fixed;       
    bottom: 20px;          
    font-size: 4rem;       
    font-weight: bold;
    color: #8e999f;        
    animation: bounce 2s infinite;
  }
.scrolling-text {
  display: flex;
  white-space: nowrap;
  animation: scroll-left 55s linear infinite; 
}

.scrolling-text span {
  padding-right: 50px; 
}

.glass-nav {
    background: rgba(179, 174, 174, 0.059); 
    backdrop-filter: blur(10px);          
    -webkit-backdrop-filter: blur(10px);  
    border-bottom: 1px solid rgba(167, 149, 149, 0.2);
  }

.zoom-container img {
  transition: transform 0.5s ease; 
}
.zoom-container:hover img {
  transform: scale(1.05); 
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.auto-rotate {
  animation: spin 130s linear infinite;
}

@keyframes scroll-left {
  0% {
    transform: translateX(100%); 
  }
  100% {
    transform: translateX(-100%); 
  }
}
 @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-10px);
    }
    60% {
      transform: translateY(-5px);
    }
  }