/* loader */
@keyframes dots_loader_before{
    0%,
    50%,
    75%,
    100% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-15px);
    }
}
@keyframes dots_loader_after{
    0%,
    50%,
    75%,
    100% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(15px);
    }
}

/* pulse */
@keyframes pulse_animation{
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
    }
    100% {
        box-shadow: 0 0 0 40px rgba(0, 0, 0, 0);
    }
}

/* loader */
@keyframes skills_bar{
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0);
    }
}