/* Animations CSS */

/* Particles Animation */
.particle {
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: blue;
    border-radius: 50%;
    pointer-events: none;
}

.orbit {
    animation: orbit 10s linear infinite;
}

@keyframes orbit {
    from {
        transform: rotate(0deg) translateX(120px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translateX(120px) rotate(-360deg);
    }
}

/* Text Reveal Animation */
.text-reveal {
    opacity: 0;
    animation: reveal 2s ease-in-out forwards;
}

@keyframes reveal {
    to {
        opacity: 1;
    }
}

/* Diamond Rotation */
.diamond-rotate {
    animation: rotate 20s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(45deg);
    }
    to {
        transform: rotate(405deg);
    }
}

/* Scroll Reveal */
.scroll-reveal {
    opacity: 1;
}

.scroll-reveal p {
    font-size: 1.6rem;
}

.scroll-reveal.visible {
    opacity: 1;
}