.loading_animation path{
    fill: transparent;
    stroke: #141643;
    stroke-width:  4px;
}
.loading_animation svg g:nth-child(4) path{
    animation: loading_1 5s infinite;
}
.loading_animation svg g:nth-child(5) path{
    animation: loading_2 5s infinite;
}
.loading_animation svg g:nth-child(6) path{
    animation: loading_3 5s infinite;
}
.loading_animation{
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 78%;
}

.loading_animation svg{
    width: 100%;
    height: 100%;
    max-width: 150px;
}

@keyframes loading_1{
    0%,80%{
        stroke-dasharray: 750;
        stroke-dashoffset: 100;
    }
    40%{
        stroke-dasharray: 50;
        stroke-dashoffset: 500;
    }
}
@keyframes loading_2{
    0%,60%{
        stroke-dasharray: 750;
        stroke-dashoffset: 100;
    }
    30%{
        stroke-dasharray: 50;
        stroke-dashoffset: 500;
    }
}
@keyframes loading_3{
    0%,100%{
        stroke-dasharray: 750;
        stroke-dashoffset: 100;
    }
    50%{
        stroke-dasharray: 50;
        stroke-dashoffset: 500;
    }
}


@media screen and (max-width: 668px){

    .loading_animation svg{
        max-width: 90px;
    }

    .loading_animation path{
        stroke-width:  2px;
    }
}