@keyframes spiral{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

@keyframes bounce{
    0%{
        opacity: 0;
    }
    45%{
        transform: scale(0);
        opacity: 0;
    }
    50%{
        transform: scale(1.5);
        opacity: 1;
    }
    55%{
        transform: scale(0);
        opacity: 0;
    }
    100%{
        opacity: 0;
    }
}

@keyframes pulse{
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

@keyframes orbita{
    0%{
        z-index: 10;
        transform: translate(-60px, -60px) scale(1.5);
    }
    50%{
        transform: translate(60px, 60px) scale(0.5);
    }
    100%{
        z-index: 9;
        transform: translate(-60px, -60px) scale(1.5);
    }
}

@keyframes orbitb{
    0%{
        z-index: 10;
        transform: translate(-60px, 60px) scale(1.5);
    }
    50%{
        transform: translate(60px, -60px) scale(0.5);
    }
    100%{
        z-index: 9;
        transform: translate(-60px, 60px) scale(1.5);
    }
}

@keyframes orbitc{
    0%{
        z-index: 10;
        transform: translate(-90px, 0px) scale(1.5);
    }
    50%{
        transform: translate(90px, 0px) scale(0.5);
    }
    100%{
        z-index: 9;
        transform: translate(-90px, 0px) scale(1.5);
    }
}

@keyframes orbitd{
    0%{
        z-index: 10;
        transform: translate(90px, 0px) scale(1.5);
    }
    50%{
        transform: translate(-90px, 0px) scale(0.5);
    }
    100%{
        z-index: 9;
        transform: translate(90px, 0px) scale(1.5);
    }
}

@keyframes orbite{
    0%{
        z-index: 10;
        transform: translate(60px, 60px) scale(1.5);
    }
    50%{
        transform: translate(-60px, -60px) scale(0.5);
    }
    100%{
        z-index: 9;
        transform: translate(60px, 60px) scale(1.5);
    }
}

@keyframes orbitf{
    0%{
        z-index: 10;
        transform: translate(60px, -60px) scale(1.5);
    }
    50%{
        transform: translate(-60px, 60px) scale(0.5);
    }
    100%{
        z-index: 9;
        transform: translate(60px, -60px) scale(1.5);
    }
}

@keyframes orbitg{
    0%{
        z-index: 10;
        transform: translate(0px, -90px) scale(1.5);
    }
    50%{
        transform: translate(0px, 90px) scale(0.5);
    }
    100%{
        z-index: 9;
        transform: translate(0px, -90px) scale(1.5);
    }
}

@keyframes orbith{
    0%{
        z-index: 10;
        transform: translate(0px, 90px) scale(1.5);
    }
    50%{
        transform: translate(0px, -90px) scale(0.5);
    }
    100%{
        z-index: 9;
        transform: translate(0px, 90px) scale(1.5);
    }
}