@keyframes rotate-glow {
    from {
        transform: translate(-50%, -50%) rotate(0);
        opacity: 1;
    }
    25% {
        opacity: 0.25;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0.25;
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
        opacity: 1;
    }
}

@keyframes rotate-fade {
    from {
        transform: rotate(0);
        opacity: 1;
    }
    25% {
        opacity: 0.25;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0.25;
    }
    to {
        transform: rotate(360deg);
        opacity: 1;
    }
}

@keyframes dots {
    0%, 20% {
        color: rgba(0, 0, 0, 0);
        text-shadow: .25em 0 0 rgba(0, 0, 0, 0),
        .5em 0 0 rgba(0, 0, 0, 0);
    }
    40% {
        color: white;
        text-shadow: .25em 0 0 rgba(0, 0, 0, 0),
        .5em 0 0 rgba(0, 0, 0, 0);
    }
    60% {
        text-shadow: .25em 0 0 white,
        .5em 0 0 rgba(0, 0, 0, 0);
    }
    80%, 100% {
        text-shadow: .25em 0 0 white,
        .5em 0 0 white;
    }
}

@keyframes fill-gauge {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}