.main-body{
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

#loader-bg{
    top: 0;
    left: 0;
    z-index: 900;
    position: fixed;
    margin-top: -3%;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100vw;
    height: 106vh;
    transform: translateY(-1%)
}

#loader{
    width: 240px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1000;
}
#loader path:nth-last-child(1){
    stroke-dasharray: calc(589/3);
    stroke-dashoffset: 589;
    animation: line-anim 3s ease infinite;
}
#loader path:nth-last-child(2){
    stroke-dasharray:calc(320/1.5);
    stroke-dashoffset: 320;
    animation: line-anim 3s ease infinite;
}
#loader path:nth-last-child(3){
    stroke-dasharray: calc(518/2);
    stroke-dashoffset: 518;
    animation: line-anim 3s ease infinite;
}
#loader path:nth-last-child(4){
    stroke-dasharray: calc(738/2);
    stroke-dashoffset: 738;
    animation: line-anim 3s ease infinite;
}
#loader path:nth-last-child(5){
    stroke-dasharray: calc(599/2);
    stroke-dashoffset: 599;
    animation: line-anim 3s ease infinite;
}
#loader path:nth-last-child(6){
    stroke-dasharray: calc(535/2);
    stroke-dashoffset: 535;
    animation: line-anim 3s ease infinite;
}
#loader path:nth-last-child(7){
    stroke-dasharray: calc(589/2);
    stroke-dashoffset: 589;
    animation: line-anim 3s ease infinite;
}
#loader path:nth-last-child(8){
    stroke-dasharray: calc(624/2);
    stroke-dashoffset: 624;
    animation: line-anim 3s ease infinite;
}
#loader path:nth-last-child(9){
    stroke-dasharray: calc(535/2);
    stroke-dashoffset: 535;
    animation: line-anim 3s ease infinite;
}
#loader path:nth-last-child(10){
    stroke-dasharray: calc(448/2);
    stroke-dashoffset: 448;
    animation: line-anim 3s ease infinite;
}
@keyframes line-anim{
    to{
        stroke-dashoffset: 0;
        stroke-dasharray: 100%;
    }
}

@media (min-width: 450px) {
    #loader{
        width: 270px;
    }
}
@media (min-width: 580px) {
    #loader{
        width: 350px;
    }
}

@media (min-width: 768px) {
    #loader{
        width: 450px;
    }
}
@media (min-width: 1024px) {
    #loader{
        width: 700px;
    }
}

@media (min-width: 1250px) {
    #loader{
        width: 900px;
    }
}