/* Custom styles for Uplift 66 */

html {
    scroll-behavior: smooth;
}

/* Custom Marquee Animation */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.animate-marquee {
    animation: marquee 20s linear infinite;
}

/* Geometric Shapes */
.shape-circle {
    border-radius: 50%;
}

.shape-blob {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
}

/* Soft shadows for cards */
.card-shadow {
    box-shadow: 8px 8px 0px #1c3029;
}

/* Text Selection */
::selection {
    background: #9cc2ad;
    color: #1c3029;
}

/* Smooth transitions for mobile menu */
#mobile-menu {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}