/* Typing Animation Cursor */
.typed-cursor {
    font-size: 5.6rem;
    color: var(--main-color);
}

/* Spin Animation for Preloader */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Hero Section Image Animation */
.hero-image img {
    animation: floatImage 4s ease-in-out infinite;
}

@keyframes floatImage {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-2.4rem);
    }
    100% {
        transform: translateY(0);
    }
}

/* Section Fade-in Animation using AOS */
[data-aos] {
    transition-property: transform, opacity;
}
[data-aos="fade-up"] {
    transform: translateY(50px);
    opacity: 0;
}
[data-aos="fade-up"].aos-animate {
    transform: translateY(0);
    opacity: 1;
}