body {
    scroll-behavior: smooth;
    background-color: black;
}
a {
    cursor: pointer;
  }
  
::selection {
    background-color: #9ef12c;
    color: #000;
}
section {
    scroll-margin-top: 5vh;
}

.hidden-section {
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}
.visible-section {
    opacity: 1;
    transition: opacity 0.6s ease-in-out;
}

.slider {
    display: flex;
    gap: 20px;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    padding: 20px;
}

.slider::-webkit-scrollbar {
    display: none;
}

.slider img {
    flex: 0 0 auto;
    width: 300px;
    height: 200px;
    border-radius: 10px;
    scroll-snap-align: start;
    object-fit: cover;
}

.glow-btn {
    background: linear-gradient(90deg, #57f0ac, #cbc6fc, #9ef12c);
    background-size: 200% 200%;
    animation: pulseGlow 2s infinite;
    color: black;
}

@keyframes pulseGlow {
    0%, 100% {
        box-shadow: 0 0 15px rgba(87, 240, 172, 0.6), 0 0 30px rgba(87, 240, 172, 0.8);
    }
    50% {
        box-shadow: 0 0 30px rgba(87, 240, 172, 1), 0 0 45px rgba(87, 240, 172, 1);
    }
}
html {
    scroll-behavior: smooth;
}
#mobile-menu {
    transition: opacity 0.3s ease;
}
#mobile-menu.hidden {
    opacity: 0;
    pointer-events: none;
}
#mobile-menu:not(.hidden) {
    opacity: 1;
}