@import "styles.css";

.background-animation {
    background-image: radial-gradient(circle at 50% 50%, var(--black-color), var(--black-color) 25%, var(--tertiary-color) 40%, var(--black-color) 42%);
    filter: blur(20rem);
    animation: ease-in-out 60s infinite alternate rotationSweep;
}

@keyframes rotationSweep {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(0.2);
    }
}

@media (prefers-reduced-motion: reduce) {
    .background-animation  {
        animation: none;
        opacity: 1;
        filter: none;
        transform: none;
    }
}