.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999;
    background: var(--back);

    transition: opacity .5s ease-in-out;
    
}


.preloader .bar {
    background: var(--primary-more);
    width: 10rem;
    height: 0.5rem;
    border-radius: .25rem;
    overflow: hidden;
}

.preloader .bar div {
    width: 0;
    border-radius: .25rem;
    height: 100%;
    transition: width .1s linear;
}


.preloader img.animate {
    animation: spark .5s;
}

@keyframes spark {
    /* image shadow */
    50% {
        filter: drop-shadow(0 0 2rem rgb(255, 255, 255));
        scale: 1.05;
    }
}