.fade-circle {
    display: block;
    margin-right: 1.4rem;
    margin-bottom: 1.4rem;
    margin-top: 1.4rem;
    margin-left: 1.8rem;
    outline: 0 none;
    border-radius: 100%;
    font-size: 0.5rem;
    width: 1em;
    height: 1em;
    animation: fade-circle 1.5s infinite ease;
}

@keyframes fade-circle {
    0%, 100% {
        box-shadow: 0em -2em 0em 0em white, 1.4em -1.4em 0em 0em rgba(118, 145, 214, 0), 2em 0em 0em 0em rgba(118, 145, 214, 0), 1.4em 1.4em 0em 0em rgba(118, 145, 214, 0), 0em 2em 0em 0em rgba(118, 145, 214, 0.2), -1.4em 1.4em 0em 0em rgba(118, 145, 214, 0.4), -2em 0em 0em 0em rgba(118, 145, 214, 0.6), -1.4em -1.4em 0em 0em rgba(118, 145, 214, 0.8);
    }

    12.5% {
        box-shadow: 0em -2em 0em 0em rgba(118, 145, 214, 0.8), 1.4em -1.4em 0em 0em white, 2em 0em 0em 0em rgba(118, 145, 214, 0), 1.4em 1.4em 0em 0em rgba(118, 145, 214, 0), 0em 2em 0em 0em rgba(118, 145, 214, 0), -1.4em 1.4em 0em 0em rgba(118, 145, 214, 0.2), -2em 0em 0em 0em rgba(118, 145, 214, 0.4), -1.4em -1.4em 0em 0em rgba(118, 145, 214, 0.6);
    }

    25% {
        box-shadow: 0em -2em 0em 0em rgba(118, 145, 214, 0.6), 1.4em -1.4em 0em 0em rgba(118, 145, 214, 0.8), 2em 0em 0em 0em white, 1.4em 1.4em 0em 0em rgba(118, 145, 214, 0), 0em 2em 0em 0em rgba(118, 145, 214, 0), -1.4em 1.4em 0em 0em rgba(118, 145, 214, 0), -2em 0em 0em 0em rgba(118, 145, 214, 0.2), -1.4em -1.4em 0em 0em rgba(118, 145, 214, 0.4);
    }

    37.5% {
        box-shadow: 0em -2em 0em 0em rgba(118, 145, 214, 0.4), 1.4em -1.4em 0em 0em rgba(118, 145, 214, 0.6), 2em 0em 0em 0em rgba(118, 145, 214, 0.8), 1.4em 1.4em 0em 0em white, 0em 2em 0em 0em rgba(118, 145, 214, 0), -1.4em 1.4em 0em 0em rgba(118, 145, 214, 0), -2em 0em 0em 0em rgba(118, 145, 214, 0), -1.4em -1.4em 0em 0em rgba(118, 145, 214, 0.2);
    }

    50% {
        box-shadow: 0em -2em 0em 0em rgba(118, 145, 214, 0.2), 1.4em -1.4em 0em 0em rgba(118, 145, 214, 0.4), 2em 0em 0em 0em rgba(118, 145, 214, 0.6), 1.4em 1.4em 0em 0em rgba(118, 145, 214, 0.8), 0em 2em 0em 0em white, -1.4em 1.4em 0em 0em rgba(118, 145, 214, 0), -2em 0em 0em 0em rgba(118, 145, 214, 0), -1.4em -1.4em 0em 0em rgba(118, 145, 214, 0);
    }

    62.5% {
        box-shadow: 0em -2em 0em 0em rgba(118, 145, 214, 0), 1.4em -1.4em 0em 0em rgba(118, 145, 214, 0.2), 2em 0em 0em 0em rgba(118, 145, 214, 0.4), 1.4em 1.4em 0em 0em rgba(118, 145, 214, 0.6), 0em 2em 0em 0em rgba(118, 145, 214, 0.8), -1.4em 1.4em 0em 0em white, -2em 0em 0em 0em rgba(118, 145, 214, 0), -1.4em -1.4em 0em 0em rgba(118, 145, 214, 0);
    }

    75% {
        box-shadow: 0em -2em 0em 0em rgba(118, 145, 214, 0), 1.4em -1.4em 0em 0em rgba(118, 145, 214, 0), 2em 0em 0em 0em rgba(118, 145, 214, 0.2), 1.4em 1.4em 0em 0em rgba(118, 145, 214, 0.4), 0em 2em 0em 0em rgba(118, 145, 214, 0.6), -1.4em 1.4em 0em 0em rgba(118, 145, 214, 0.8), -2em 0em 0em 0em white, -1.4em -1.4em 0em 0em rgba(118, 145, 214, 0);
    }

    87.5% {
        box-shadow: 0em -2em 0em 0em rgba(118, 145, 214, 0), 1.4em -1.4em 0em 0em rgba(118, 145, 214, 0), 2em 0em 0em 0em rgba(118, 145, 214, 0), 1.4em 1.4em 0em 0em rgba(118, 145, 214, 0.2), 0em 2em 0em 0em rgba(118, 145, 214, 0.4), -1.4em 1.4em 0em 0em rgba(118, 145, 214, 0.6), -2em 0em 0em 0em rgba(118, 145, 214, 0.8), -1.4em -1.4em 0em 0em white;
    }
}